:root{--otb-primary:#6750a4;--otb-on-primary:#fff;--otb-surface:#ffffff;--otb-surface-variant:#e7e0ec;--otb-outline:#79747e;--otb-shadow:0 0px 0px rgba(0,0,0,0),0 0px 0px rgba(0,0,0,0)}
.otb-wrap{background:white;color:var(--otb-text,#1d1b20);padding:24px;border-radius:16px;font-family:Roboto,"Segoe UI",Arial,sans-serif;box-sizing:border-box;box-shadow:var(--otb-shadow)}
.otb-lookup{margin:0 0 24px}.otb-lookup label{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:16px;font-weight:500}.otb-lookup input{min-width:220px;min-height:48px;padding:0 16px;border:1px solid var(--otb-outline);border-radius:24px;background:var(--otb-card,#fff);color:inherit;font:inherit;box-sizing:border-box;outline:0;transition:border .2s,box-shadow .2s}.otb-lookup input:focus{border:2px solid var(--otb-accent,var(--otb-primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--otb-accent,var(--otb-primary)) 20%,transparent)}.otb-lookup button{min-height:48px;padding:0 22px;background:var(--otb-accent,var(--otb-primary));color:#fff;border:0;border-radius:24px;font:500 14px Roboto,"Segoe UI",Arial,sans-serif;cursor:pointer;box-shadow:var(--otb-shadow);transition:box-shadow .2s,transform .1s,filter .2s}.otb-lookup button:hover{filter:brightness(1.06);box-shadow:0 4px 10px rgba(0,0,0,.2)}.otb-lookup button:active{transform:translateY(1px);box-shadow:0 1px 3px rgba(0,0,0,.18)}.otb-result{margin-top:12px;font-size:14px}.otb-board{display:grid;grid-template-columns:repeat(8,minmax(170px,1fr));gap:16px;align-items:start;overflow-x:auto;padding:4px 2px 12px}.otb-column{background:color-mix(in srgb,var(--otb-card,#fff) 88%,var(--otb-surface-variant));border-radius:12px;padding:16px;min-height:190px;box-shadow:var(--otb-shadow);border:1px solid color-mix(in srgb,var(--otb-outline) 24%,transparent)}.otb-column h3{font-size:16px;line-height:1.3;margin:0 0 8px;font-weight:600}.otb-tip{font-size:12px;line-height:1.45;color:#625f66;margin-bottom:14px;min-height:18px}.otb-card{background:var(--otb-card,#fff);border-radius:8px;padding:12px;margin:8px 0;box-shadow:0 1px 3px rgba(0,0,0,.18);font-weight:600;letter-spacing:.1px;transition:background .2s,transform .2s,box-shadow .2s}.otb-card:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.18)}.otb-card.is-match{background:var(--otb-highlight,#fff3a3);transform:scale(1.03);outline:2px solid var(--otb-accent,var(--otb-primary))}@media(max-width:1200px){.otb-board{grid-template-columns:repeat(4,minmax(190px,1fr))}}@media(max-width:700px){.otb-wrap{padding:16px;border-radius:2px}.otb-lookup label{display:block}.otb-lookup input,.otb-lookup button{width:100%;margin-top:8px}.otb-board{display:flex;flex-direction:column;gap:12px;overflow:visible;padding:0}.otb-column{width:100%;min-height:0;padding:14px;box-sizing:border-box}.otb-column h3{font-size:17px}.otb-tip{margin-bottom:10px}.otb-card{padding:13px 12px}}