:root{--bg:#f6f1e6;--bg-deep:#efe8d8;--card:#ffffff;--ink:#1b1816;--ink-soft:#6b6056;--ink-muted:#9e9285;--line:#d5cbb5;--line-strong:#c2b79d;--accent:#8d4343;--accent-2:#3f9c6c;--shadow:0 2px 2px rgba(30,8,1,0.03),0 12px 26px rgba(30,8,1,0.08),0 26px 56px -34px rgba(30,8,1,0.58);--ease:cubic-bezier(0.4,0,0.2,1);--ease-soft:cubic-bezier(0.22,1,0.36,1);--search-drawer-width:480px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body),sans-serif;color:var(--ink);background:radial-gradient(1100px 700px at 88% -12%,rgba(141,67,67,.06),transparent 62%),radial-gradient(900px 700px at -8% 110%,rgba(30,8,1,.05),transparent 62%),linear-gradient(165deg,var(--bg) 0,var(--bg-deep) 100%);font-feature-settings:"ss01","ss02";-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 7px),repeating-linear-gradient(0deg,rgba(30,8,1,.018) 0 1px,transparent 1px 6px);mix-blend-mode:multiply;opacity:.28}.page-shell{position:relative;max-width:1400px;margin:0 auto;padding:2.25rem 3rem 7.5rem}.error-banner,.hero,.panel{position:relative;z-index:1}.hero{display:grid;grid-gap:.9rem;gap:.9rem;margin-bottom:1.6rem;padding:0 0 1.05rem;border-bottom:1px solid var(--line)}.eyebrow{grid-column:1/-1;font-family:var(--font-mono),ui-monospace,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;margin:0 0 .5rem;color:var(--accent);font-weight:500}.hero h1{grid-column:1;font-family:var(--font-display),sans-serif;font-size:clamp(2.5rem,4.5vw,4rem);font-weight:400;margin:0;line-height:1.02;letter-spacing:-.02em;max-width:17ch;text-wrap:balance}.panel{margin-top:1rem;padding:1rem;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.48);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow)}.kicker{margin:0 0 .4rem;color:var(--accent);font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.history{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:.9rem;gap:.9rem;margin-top:1.35rem;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.42);box-shadow:var(--shadow);padding:.7rem .75rem}.history-label{display:inline-flex;align-items:center;gap:.65rem;white-space:nowrap;color:var(--ink-soft);font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.history-label .count{color:var(--ink);font-family:var(--font-display),serif;font-size:.9rem;letter-spacing:0;text-transform:none;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.history-strip{min-width:0;overflow:hidden}.history-strip .empty-copy{color:var(--ink-muted);font-family:var(--font-display),serif;font-style:italic;font-weight:300}.history-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.55rem;white-space:nowrap}.agent-console{position:relative;z-index:1;display:grid;grid-gap:.75rem;gap:.75rem;margin:1.35rem 0 0}.composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;grid-gap:.9rem;gap:.9rem;border:1px solid var(--ink);border-radius:6px;background:#fff;padding:.85rem 1rem .85rem 1.1rem}.composer .ask{color:var(--ink-soft);font-size:1rem;font-style:italic;font-weight:300}.composer .ask,.composer input{font-family:var(--font-display),serif}.composer input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--ink);font-size:1.08rem}.composer input::placeholder{color:var(--ink-muted);font-style:italic}.composer .modes{display:flex;overflow:hidden;border:1px solid var(--line);border-radius:4px}.composer .modes button{min-height:2rem;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink-soft);cursor:pointer;font-family:var(--font-mono),ui-monospace,monospace;font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;padding:.36rem .62rem}.composer .modes button:last-child{border-right:0}.composer .modes button.active,.composer .send{background:var(--ink);color:var(--bg)}.composer .send{min-height:2.18rem;border:1px solid var(--ink);border-radius:4px;cursor:pointer;font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;padding:.45rem .9rem}.composer .send:disabled{opacity:.5;cursor:not-allowed}.agent-inline-grid{display:grid;grid-template-columns:minmax(14rem,.44fr) minmax(0,1fr);grid-gap:.75rem;gap:.75rem;align-items:start}.backend-control{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.control-group{display:grid;grid-gap:.24rem;gap:.24rem}.backend-label{font-family:var(--font-body),sans-serif;font-size:.9rem;font-weight:600}.backend-select{min-width:min(100%,260px);border-radius:8px;border:1px solid var(--line);padding:.5rem .65rem;font:inherit;color:var(--ink);background:rgba(255,255,255,.7)}.backend-select:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 55%,white 45%);outline-offset:1px}.backend-select:disabled{color:var(--ink-soft);background:rgba(255,255,255,.42);cursor:not-allowed}.model-select{min-width:min(100%,230px)}.backend-status{display:inline-flex;align-items:center;min-height:2rem;border-radius:999px;border:1px solid var(--line);padding:.34rem .58rem;font-size:.78rem;font-family:var(--font-mono),ui-monospace,monospace;font-weight:500;text-transform:uppercase;color:var(--ink-soft);background:rgba(255,255,255,.52)}.backend-status.online{border-color:color-mix(in oklab,var(--accent-2) 42%,white 58%);color:#2f7552;background:color-mix(in oklab,var(--accent-2) 9%,white 91%)}.backend-status.offline{border-color:#f0b2ae;color:#7e2f2f;background:#fff2f2}.backend-address{margin:0;color:var(--ink-soft);font-size:.86rem;overflow-wrap:anywhere}.sequence-panel,.settings-panel{max-width:none;margin-left:0;margin-right:auto}.drawer-open .recommendation-focus,.drawer-open .sequence-panel,.drawer-open .settings-panel{max-width:min(1120px,calc(100vw - var(--search-drawer-width) - 3rem))}.settings-panel{padding:0;overflow:hidden}.settings-footer{max-width:none;margin:1.8rem auto 0}.settings-summary{display:flex;align-items:center;gap:.7rem;min-height:3.1rem;padding:.72rem 1rem;cursor:pointer;list-style:none}.settings-summary::-webkit-details-marker{display:none}.settings-summary:before{content:"";width:.48rem;height:.48rem;border-right:2px solid var(--ink-soft);border-bottom:2px solid var(--ink-soft);transform:rotate(-45deg);transition:transform .14s ease}.settings-panel[open] .settings-summary:before{transform:rotate(45deg)}.settings-title{font-family:var(--font-display),serif;font-size:.95rem;font-weight:500}.settings-current{min-width:0;flex:1 1;color:var(--ink-soft);font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-content{display:grid;grid-gap:.55rem;gap:.55rem;padding:0 1rem 1rem}.recommendation-focus{max-width:none;margin-left:auto;margin-right:auto;padding:1.08rem}.recommendation-header{align-items:flex-start}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.8rem}.panel-header h2{margin:0;font-family:var(--font-display),serif;font-size:1.85rem;font-weight:400;letter-spacing:-.01em;line-height:1.08}.panel-header h2 em{color:var(--ink-soft);font-style:italic;font-weight:300}.recommendation-meta{display:grid;grid-gap:.22rem;gap:.22rem;min-width:10rem;color:var(--ink-soft);font-family:var(--font-mono),ui-monospace,monospace;font-size:.66rem;letter-spacing:.12em;text-align:right;text-transform:uppercase}.recommendation-meta b{color:var(--ink);font-family:var(--font-display),serif;font-size:.9rem;font-weight:500;letter-spacing:0;text-transform:none}.row-actions{gap:.6rem}.row-actions,.toggle{display:inline-flex;align-items:center}.toggle{gap:.4rem;font-size:.85rem;color:var(--ink-soft)}.toggle input{width:1rem;height:1rem}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.58);border-radius:4px;padding:.48rem .7rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.ghost:hover{border-color:var(--accent);background:rgba(255,255,255,.82);transform:translateY(-1px)}.ghost:disabled{color:var(--ink-soft);background:rgba(255,255,255,.64);cursor:progress;opacity:.68}.toggle-button.active{border-color:var(--accent);background:rgba(255,255,255,.82);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(148,70,43,.16)}.get-recommendations{min-width:9.6rem}.search-toggle{min-width:8.8rem}.sequence-stage{border:1px dashed var(--line);border-radius:8px;min-height:104px;padding:.72rem;background:rgba(255,255,255,.4)}.sequence-lane{display:flex;gap:.65rem;overflow-x:auto;padding-bottom:.15rem}.history .sequence-lane{gap:.4rem;padding-bottom:0}.sequence-chip{min-width:112px;max-width:112px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 12px 30px -26px rgba(30,8,1,.64);padding:.42rem;position:relative;cursor:-webkit-grab;cursor:grab;scroll-snap-align:start}.history .sequence-chip{min-width:2.75rem;max-width:2.75rem;display:grid;grid-template-columns:1fr;align-items:stretch;grid-gap:0;gap:0;padding:.22rem}.sequence-chip.dragging{opacity:.68}.sequence-chip-image-wrap{width:100%;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#e8efe9}.history .sequence-chip-image-wrap{width:100%;aspect-ratio:1/1;border-radius:3px}.sequence-chip-image{width:100%;height:100%;object-fit:cover}.sequence-chip-fallback{width:100%;height:100%;display:grid;place-items:center;padding:.4rem;text-align:center;font-size:.72rem;color:var(--accent);font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.sequence-chip-title{margin-top:.4rem;font-size:.75rem;line-height:1.2;min-height:2.3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.history .sequence-chip-title{display:none}.history .chip-remove{top:-.25rem;right:-.25rem;opacity:0;transition:opacity .16s var(--ease)}.history .sequence-chip:focus-within .chip-remove,.history .sequence-chip:hover .chip-remove{opacity:1}.chip-remove{position:absolute;top:.2rem;right:.2rem;width:1.2rem;height:1.2rem;border:none;border-radius:999px;background:rgba(27,24,22,.72);color:#fff;cursor:pointer}.search{width:min(420px,100%);border-radius:8px;border:1px solid var(--line);padding:.52rem .74rem;font-size:.95rem;font-family:inherit;color:var(--ink);background:rgba(255,255,255,.72)}.search:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 55%,white 45%);outline-offset:1px}.compact-search{display:flex;align-items:center;position:relative;width:100%}.compact-search-input{width:100%;padding-left:2.05rem;padding-right:2rem}.compact-search.agent-mode .compact-search-input{padding-right:4.8rem}.search-lens{left:.72rem;width:.76rem;height:.76rem;border:2px solid color-mix(in oklab,var(--ink-soft) 70%,white 30%);pointer-events:none}.search-lens,.search-lens:after{position:absolute;border-radius:999px}.search-lens:after{content:"";width:.38rem;height:2px;right:-.3rem;bottom:-.18rem;background:color-mix(in oklab,var(--ink-soft) 70%,white 30%);transform:rotate(45deg)}.search-clear{position:absolute;right:.38rem;width:1.45rem;height:1.45rem;border:none;border-radius:999px;background:transparent;color:var(--ink-soft);cursor:pointer;font-size:.86rem;line-height:1}.search-clear:hover{background:rgba(255,255,255,.7);color:var(--ink)}.agent-submit{position:absolute;right:.32rem;min-width:3rem;min-height:1.65rem;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:var(--bg);cursor:pointer;font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.agent-submit:disabled{opacity:.56;cursor:progress}.compact-search.agent-mode .search-clear{right:3.45rem}.search-drawer-tab{position:fixed;z-index:20;top:50%;right:0;transform:translateY(-50%);border:1px solid color-mix(in oklab,var(--accent) 45%,var(--line) 55%);border-right:none;border-radius:8px 0 0 8px;padding:.72rem .55rem;background:rgba(255,255,255,.78);box-shadow:var(--shadow);color:var(--accent);cursor:pointer;font-family:var(--font-mono),ui-monospace,monospace;font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed}.search-drawer{position:fixed;z-index:30;top:0;right:0;width:min(var(--search-drawer-width),calc(100vw - 1.2rem));height:100dvh;display:grid;grid-template-rows:auto 1fr;grid-gap:.9rem;gap:.9rem;padding:1rem;border-left:1px solid var(--line);background:rgba(250,248,244,.76);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);box-shadow:-24px 0 70px -46px rgba(30,8,1,.8);animation:drawer-in .18s ease-out}.search-drawer-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;grid-gap:.75rem;gap:.75rem}.search-drawer-tools{display:grid;min-width:0;grid-gap:.55rem;gap:.55rem}.search-mode-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,24rem);overflow:hidden;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.36)}.search-mode-button{min-height:2rem;border:none;border-right:1px solid var(--line);padding:.36rem .56rem;background:transparent;color:var(--ink-soft);cursor:pointer;font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.search-mode-button:last-child{border-right:none}.search-mode-button.active{background:var(--ink);color:var(--bg);box-shadow:none}.search-mode-button:focus-visible{position:relative;outline:2px solid color-mix(in oklab,var(--accent) 55%,white 45%);outline-offset:-2px}.drawer-results{min-height:0;overflow-y:auto;display:grid;align-content:start;grid-gap:.8rem;gap:.8rem;padding-right:.15rem}.search-results-body{display:grid;max-height:34rem;overflow:auto;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.32);padding:.75rem}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:.9rem;gap:.9rem}.recommendations{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));perspective:1400px}.recommendation-frame{min-width:0;transform-style:preserve-3d}.search-drawer .catalog-results{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-results{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.item-card{position:relative;display:grid;min-height:100%;border-radius:6px;transform-style:preserve-3d;transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.item-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px -28px rgba(34,22,10,.45)}.item-card-front{display:grid;grid-template-rows:auto 1fr auto;min-height:100%;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden}.item-image-wrap{aspect-ratio:4/3;background:repeating-linear-gradient(135deg,#e3decf 0 12px,#d3c7ac 12px 24px);overflow:hidden}.item-image{width:100%;height:100%;object-fit:cover;display:block}.item-image-fallback{width:100%;height:100%;display:grid;place-items:center;padding:.8rem;text-align:center;color:var(--accent);font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.item-card-body{padding:.72rem .75rem .42rem}.item-title{margin:0;font-family:var(--font-display),serif;font-size:1rem;font-weight:500;line-height:1.18;letter-spacing:-.005em;min-height:2.4em;-webkit-line-clamp:2}.item-meta,.item-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.item-meta{margin:.36rem 0 0;color:var(--ink-soft);font-family:var(--font-mono),ui-monospace,monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.25;-webkit-line-clamp:1}.item-score{margin:.35rem 0 0;color:color-mix(in oklab,var(--accent) 80%,var(--ink) 20%)}.item-action,.item-score{font-family:var(--font-mono),ui-monospace,monospace;font-size:.68rem}.item-action{border:none;border-top:1px solid var(--line);padding:.56rem;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.46);color:var(--ink);cursor:pointer}.item-action:hover{background:var(--ink);color:var(--bg)}.item-card-back{position:absolute;inset:0;display:none;border:1px solid #5a3f2b;border-radius:6px;overflow:hidden;background-color:#6a4a31;background-image:radial-gradient(120% 90% at 50% 0,#8a6340 0,#5a3f2b 58%,#3f2c20 100%);color:var(--bg);transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.item-card-back:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 5px),radial-gradient(900px 220px at 50% -20%,rgba(255,243,214,.14),transparent 60%)}.item-card-back-grid{position:absolute;inset:0;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto 1fr auto;align-items:start;justify-items:start;padding:.78rem .86rem}.item-card-back-corner{font-family:var(--font-mono),ui-monospace,monospace;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#efe8d8;opacity:.56}.item-card-back-corner.top-left{grid-column:1;grid-row:1}.item-card-back-corner.top-right{grid-column:3;grid-row:1;justify-self:end}.item-card-back-corner.bottom-left{grid-column:1;grid-row:3;align-self:end}.item-card-back-corner.bottom-right{grid-column:3;grid-row:3;align-self:end;justify-self:end}.item-card-back-mark{grid-column:2;grid-row:2;align-self:center;justify-self:center;width:min(48%,6.6rem);aspect-ratio:1/1;object-fit:contain;border-radius:18px;background:#f6f1e6;padding:.48rem;box-shadow:0 16px 32px -22px rgba(0,0,0,.72)}.agent-flip-stage .item-card{border:0;background:transparent;box-shadow:none;animation:card-flip-wave 1.9s var(--ease-soft) infinite;animation-delay:calc(var(--flip-index, 0) * 145ms)}.agent-flip-stage .item-card:hover{box-shadow:none}.agent-flip-stage .item-card-back{display:block}.agent-flip-stage .item-card-front{border-color:color-mix(in oklab,var(--line) 78%,white 22%)}@keyframes card-flip-wave{0%,32%,to{transform:rotateY(0deg) translateY(0)}44%,68%{transform:rotateY(180deg) translateY(-4px)}}.minor-heading{margin:.2rem 0 0;font-family:var(--font-display),sans-serif;font-size:.9rem;color:var(--ink-soft)}.loading{margin:0;color:var(--ink-soft);font-size:.86rem}.loading.inline{margin-left:auto}.agent-live-note{margin-top:.35rem;font-family:var(--font-display),serif;font-size:1rem;font-style:italic;font-weight:300;color:var(--ink-soft)}.empty-copy{margin:0;color:var(--ink-soft);font-size:.9rem}.error-banner{margin-top:.9rem;border:1px solid #f0b2ae;background:#fff2f2;color:#7e2f2f;border-radius:8px;padding:.7rem;font-size:.88rem}.agent-session-row{min-height:2.45rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.42);padding:.46rem .58rem .46rem .72rem;color:var(--ink-soft);font-size:.82rem}.agent-reset{min-height:1.8rem;padding:.28rem .5rem;font-size:.78rem}.agent-debug-panel{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.46);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.agent-debug-panel summary{min-height:2.4rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;cursor:pointer;font-family:var(--font-display),sans-serif;font-size:.85rem;font-weight:700}.agent-status{border:1px solid var(--line);border-radius:999px;padding:.18rem .45rem;color:var(--ink-soft);font-size:.7rem;text-transform:uppercase}.agent-status.updated{border-color:color-mix(in oklab,var(--accent) 42%,white 58%);color:var(--accent)}.agent-status.error{border-color:#f0b2ae;color:#7e2f2f}.agent-message{margin:0;padding:0 .7rem .6rem;color:var(--ink-soft);font-size:.84rem;line-height:1.35}.agent-stream-text{max-height:150px;border:1px solid color-mix(in oklab,var(--accent) 24%,var(--line) 76%);border-radius:6px;background:rgba(255,255,255,.48);color:var(--ink);font-size:.78rem;line-height:1.4}.agent-debug-json,.agent-stream-text{overflow:auto;margin:.35rem .7rem .7rem;padding:.55rem;white-space:pre-wrap}.agent-debug-json{max-height:320px;border:1px solid var(--line);border-radius:6px;background:rgba(247,249,252,.54);color:var(--ink-soft);font-size:.72rem;line-height:1.35}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:1.2rem}.login-panel{width:min(100%,390px);border:1px solid var(--line);border-radius:8px;background:color-mix(in oklab,var(--card) 94%,#f8fbff 6%);box-shadow:var(--shadow);padding:1.2rem}.login-panel h1{margin:0;font-family:var(--font-display),sans-serif;font-size:1.35rem;line-height:1.15}.login-form{display:grid;grid-gap:.65rem;gap:.65rem;margin-top:1rem}.login-label{font-family:var(--font-display),sans-serif;font-size:.9rem;font-weight:700}.login-input{width:100%;border-radius:8px;border:1px solid var(--line);padding:.68rem .72rem;font:inherit;color:var(--ink);background:#fff}.login-input:focus-visible{outline:2px solid color-mix(in oklab,var(--accent) 55%,white 45%);outline-offset:1px}.login-error{margin:0;border:1px solid #f0b2ae;border-radius:8px;background:#fff2f2;color:#7e2f2f;padding:.55rem .62rem;font-size:.86rem}.login-button{border:1px solid color-mix(in oklab,var(--accent) 42%,var(--line) 58%);border-radius:8px;padding:.7rem .85rem;background:linear-gradient(90deg,rgba(11,107,79,.12),rgba(185,79,29,.1));color:var(--ink);cursor:pointer;font-family:var(--font-display),sans-serif;font-weight:700}.login-button:hover{border-color:var(--accent)}@keyframes drawer-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:860px){:root{--search-drawer-width:100vw}.page-shell{padding:1.4rem 1rem 5rem}.hero{gap:1rem}.eyebrow,.hero h1{grid-column:1}.hero h1{font-size:clamp(2.1rem,13vw,3.2rem)}.history{grid-template-columns:1fr;align-items:stretch}.history-actions{justify-content:flex-start;flex-wrap:wrap}.agent-inline-grid,.composer{grid-template-columns:1fr}.composer{gap:.7rem}.composer .modes{width:100%}.composer .modes button,.composer .send{flex:1 1}.panel-header:not(.recommendation-header){flex-direction:column;align-items:stretch}.row-actions{justify-content:space-between}.item-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}.recommendations{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.search-toggle{width:100%}.search-drawer{width:min(480px,100vw);border-left:none}.drawer-open .recommendation-focus,.drawer-open .sequence-panel,.drawer-open .settings-panel{max-width:1120px}.search-drawer-tab{top:auto;right:.7rem;bottom:.7rem;transform:none;border:1px solid color-mix(in oklab,var(--accent) 45%,var(--line) 55%);border-radius:8px;writing-mode:horizontal-tb}}@media (max-width:640px){.recommendation-header{flex-direction:column;align-items:stretch}.recommendation-meta{text-align:left}.search-drawer .catalog-results,.search-drawer-header{grid-template-columns:1fr}}