:root{--venue-accent: #2b3a67;--venue-accent-ink: #ffffff;--ink: #14100e;--ink-60: #14100ea0;--ink-40: #14100e66;--ink-12: #14100e1f;--paper: #f7f6f3;--card: #ffffff;--status-waiting: #8a8580;--status-cooking: #c8770f;--status-cooking-bg: #fdf3e3;--status-ready: #1c7a4d;--status-ready-bg: #e8f5ee;--status-done: #6b6560;--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, -apple-system, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, monospace;--safe-b: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.05}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--venue-accent);outline-offset:2px;border-radius:var(--r-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:18px 20px 14px}.topbar__logo{height:30px;width:auto;border-radius:var(--r-sm)}.topbar__name{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.01em}.main{flex:1;padding:0 20px 120px}.hero{padding:12px 0 28px}.hero__eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-40);margin-bottom:14px}.hero h1{font-size:clamp(34px,10vw,46px);margin-bottom:12px}.hero p{color:var(--ink-60);margin:0;max-width:34ch}.btn{display:block;width:100%;border:none;border-radius:var(--r-md);padding:17px 20px;font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.01em;background:var(--venue-accent);color:var(--venue-accent-ink);transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.5;cursor:default}.btn--quiet{background:transparent;color:var(--ink-60);border:1px solid var(--ink-12);font-weight:500}.btn--ghost{background:none;border:none;padding:12px 0;color:var(--ink-60);font-family:var(--font-body);font-size:15px;text-decoration:underline;text-underline-offset:3px;width:auto}.dock{position:fixed;left:0;right:0;bottom:0;padding:14px 20px calc(14px + var(--safe-b));background:linear-gradient(to top,var(--paper) 68%,transparent)}.dock__inner{max-width:520px;margin:0 auto}.cat{margin:30px 0 14px}.cat__label{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-40);padding-bottom:8px;border-bottom:1px solid var(--ink-12)}.item{display:flex;gap:14px;align-items:flex-start;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--ink-12);padding:16px 0}.item__body{flex:1;min-width:0;display:flex;flex-direction:column}.item__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.item__name{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.01em}.item__desc{font-size:14px;color:var(--ink-60);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item__price{font-family:var(--font-mono);font-size:14px;flex-shrink:0;white-space:nowrap}.item__img{width:68px;height:68px;object-fit:cover;border-radius:var(--r-sm);flex-shrink:0;background:var(--ink-12)}.docket{background:var(--card);border-radius:var(--r-md) var(--r-md) 0 0;padding:26px 22px 22px;box-shadow:0 1px 2px #14100e0f,0 12px 32px -12px #14100e1a;position:relative}.docket__tear{height:12px;background:radial-gradient(circle at 6px -2px,transparent 7px,var(--card) 7px) repeat-x;background-size:14px 12px;filter:drop-shadow(0 6px 12px #14100e14)}.docket__head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-40);padding-bottom:16px;border-bottom:1px dashed var(--ink-12)}.docket__headline{font-family:var(--font-display);font-size:clamp(28px,8vw,36px);font-weight:800;letter-spacing:-.025em;margin:20px 0 6px}.docket__sub{color:var(--ink-60);font-size:15px;margin:0 0 22px}.docket__eta{font-family:var(--font-mono);font-size:13px;color:var(--ink-60)}.rail{list-style:none;margin:0;padding:0}.rail li{display:flex;gap:14px;align-items:flex-start;padding:0 0 18px;position:relative}.rail li:last-child{padding-bottom:0}.rail li:before{content:"";position:absolute;left:8px;top:20px;bottom:0;width:1px;background:var(--ink-12)}.rail li:last-child:before{display:none}.rail__dot{width:17px;height:17px;border-radius:50%;border:2px solid var(--ink-12);background:var(--card);flex-shrink:0;margin-top:1px;position:relative;z-index:1;display:grid;place-items:center;transition:background .3s ease,border-color .3s ease}.rail__label{font-family:var(--font-mono);font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-40);padding-top:1px}.rail li[data-state=done] .rail__dot{background:var(--status-done);border-color:var(--status-done)}.rail li[data-state=done] .rail__label{color:var(--ink-60)}.rail li[data-state=active] .rail__dot{background:var(--status-cooking);border-color:var(--status-cooking);animation:pulse 2s ease-in-out infinite}.rail li[data-state=active] .rail__label{color:var(--ink);font-weight:600}.rail li[data-state=ready] .rail__dot{background:var(--status-ready);border-color:var(--status-ready)}.rail li[data-state=ready] .rail__label{color:var(--status-ready);font-weight:600}@keyframes pulse{0%,to{box-shadow:0 0 #c8770f45}50%{box-shadow:0 0 0 7px #c8770f00}}.docket-wrap[data-ready=true] .docket{background:var(--status-ready-bg)}.docket-wrap[data-ready=true] .docket__tear{background:radial-gradient(circle at 6px -2px,transparent 7px,var(--status-ready-bg) 7px) repeat-x;background-size:14px 12px}.docket-wrap[data-ready=true] .docket__headline{color:var(--status-ready)}.docket-wrap[data-ready=true] .docket__head{color:var(--status-ready);opacity:.7}.docket-wrap[data-ready=true] .rail__dot{background:var(--status-ready-bg)}.docket-wrap[data-ready=true] .rail li[data-state=done] .rail__dot,.docket-wrap[data-ready=true] .rail li[data-state=ready] .rail__dot{background:var(--status-ready);border-color:var(--status-ready)}.docket-wrap[data-ready=true] .docket{animation:land .45s cubic-bezier(.2,.9,.3,1)}@keyframes land{0%{transform:translateY(-6px)}to{transform:translateY(0)}}.notice{margin-top:18px;padding:14px 16px;background:var(--card);border:1px solid var(--ink-12);border-radius:var(--r-md);font-size:14px;color:var(--ink-60)}.notice strong{color:var(--ink);font-weight:600}.state{padding:60px 20px;text-align:center;color:var(--ink-40);font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;text-transform:uppercase}.main[data-view=agent]{padding-bottom:0;display:flex;flex-direction:column;min-height:0}.agent{flex:1;min-height:0;display:flex;flex-direction:column;margin:0 -20px}.agent__frame{flex:1;width:100%;border:none;display:block;background:var(--paper)}.agent__pending{flex:1;display:grid;place-items:center;padding:40px 24px;text-align:center;color:var(--ink-40);font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;text-transform:uppercase}.topbar__switch{margin-left:auto;border:1px solid var(--ink-12);background:var(--card);color:var(--ink-60);border-radius:999px;padding:7px 14px;font-size:14px}.hero__channels{font-size:14px;color:var(--ink-60);margin-top:18px}.hero__channels a{color:var(--ink);text-underline-offset:3px}.admin{max-width:960px;margin:0 auto;padding:24px 20px 80px}.admin__head{display:flex;align-items:baseline;gap:12px;margin-bottom:22px}.admin__head h1{font-size:26px}.admin__role{margin-left:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-40);background:none;border:none;padding:0}.admin__section{margin-top:34px}.admin__section h2{font-size:15px;font-family:var(--font-mono);font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-40);margin-bottom:12px}.admin__note{font-size:14px;color:var(--ink-60);margin:0 0 14px;max-width:62ch}.admin__empty{font-size:14px;color:var(--ink-40);padding:18px 0}.admin__error{background:var(--status-cooking-bg);color:var(--status-cooking);border-radius:var(--r-md);padding:11px 14px;font-size:14px;margin:12px 0}.admin__json{width:100%;font-family:var(--font-mono);font-size:13px;line-height:1.5;border:1px solid var(--ink-12);border-radius:var(--r-md);padding:14px;background:var(--card);color:var(--ink);resize:vertical;margin-bottom:12px}.conn{border:1px solid var(--ink-12);border-left-width:4px;border-radius:var(--r-md);background:var(--card);padding:18px 20px}.conn--ok{border-left-color:var(--status-ready)}.conn--warn{border-left-color:var(--status-cooking)}.conn--bad{border-left-color:#b3261e}.conn__label{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-40)}.conn__status{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.02em;margin:4px 0 6px}.conn--ok .conn__status{color:var(--status-ready)}.conn--warn .conn__status{color:var(--status-cooking)}.conn--bad .conn__status{color:#b3261e}.conn__detail{font-size:14px;color:var(--ink-60);margin:0 0 4px}.conn__actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.conn__actions .btn{width:auto;padding:11px 18px;font-size:15px;text-decoration:none;text-align:center}.btn--danger{background:#b3261e;color:#fff;width:auto;padding:11px 18px;font-size:15px}.btn--sm{padding:7px 12px;font-size:13px;width:auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.stat{background:var(--card);border:1px solid var(--ink-12);border-radius:var(--r-md);padding:16px 18px}.stat__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-40);margin-bottom:6px}.stat__value{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:-.03em;line-height:1}.stat__unit{font-family:var(--font-body);font-weight:400;font-size:14px;color:var(--ink-40);margin-left:4px;letter-spacing:0}.btn--quiet[data-on=true]{border-color:var(--venue-accent);color:var(--ink)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--ink-12);margin-bottom:20px}.tab{border:none;background:none;padding:10px 14px;font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-40);border-bottom:2px solid transparent;margin-bottom:-1px}.tab[data-on=true]{color:var(--ink);border-bottom-color:var(--venue-accent)}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-40);font-weight:400;padding:0 12px 8px 0;border-bottom:1px solid var(--ink-12)}.tbl td{padding:12px 12px 12px 0;border-bottom:1px solid var(--ink-12);vertical-align:top}.tbl__mono{font-family:var(--font-mono)}.tbl__sub{font-size:12px;color:var(--ink-40);margin-top:2px}.tbl a{color:var(--ink);text-underline-offset:3px}.pill{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:4px 8px;border-radius:var(--r-sm);background:var(--ink-12);color:var(--ink-60);white-space:nowrap}.pill[data-status=valid]{background:var(--status-ready-bg);color:var(--status-ready)}.pill[data-status=stale]{background:var(--status-cooking-bg);color:var(--status-cooking)}.pill[data-status=expired],.pill[data-status=revoked],.pill[data-status=error],.pill[data-scope=oauth]{background:#fdecea;color:#b3261e}@media (max-width: 640px){.admin__section,.tabs{overflow-x:auto}.tbl{min-width:560px}}