:root{color:#f8f7ef;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;--bg-top: #0d1a27;--bg-mid: #153249;--bg-bottom: #1e4f56;--panel: rgba(10, 18, 28, .84);--panel-border: rgba(255, 255, 255, .1);--text-muted: rgba(248, 247, 239, .7);--success: #1fd17a;--failure: #ff6b5d;--warning: #ffd166;--accent: #8be9fd}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top,rgba(139,233,253,.18),transparent 24rem),linear-gradient(140deg,var(--bg-top),var(--bg-mid) 50%,var(--bg-bottom));transition:background .24s ease}body[data-tone=success]{background:radial-gradient(circle at top,rgba(31,209,122,.28),transparent 24rem),linear-gradient(140deg,#0f261a,#145132 50%,#1f7a48)}body[data-tone=failure]{background:radial-gradient(circle at top,rgba(255,107,93,.3),transparent 24rem),linear-gradient(140deg,#2b0e11,#5c1c24 50%,#7a2f31)}button,input,select{font:inherit}button{border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;padding:.55rem .85rem;transition:background-color .12s ease,transform .12s ease,opacity .12s ease}button:hover:not(:disabled){background-color:#d3d3d3;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}button.secondary,button.danger,button.corner-button{background:#ffffffeb}input,select{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#f8f7ef;padding:.75rem .9rem}input::placeholder{color:#f8f7ef73}.app-shell{min-height:100vh;padding:1.2rem;position:relative}.top-bar{align-items:flex-start;display:flex;justify-content:space-between;left:0;padding:0 1.2rem;position:fixed;right:0;top:1rem;z-index:20}.corner-panel{position:relative}.corner-panel.right{align-items:flex-end;display:flex;flex-direction:column}.corner-button{align-items:flex-start;display:flex;flex-direction:column;gap:.15rem;max-width:18rem;text-align:left}.corner-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;opacity:.7;text-transform:uppercase}.brand-mark{align-items:center;color:#ffffffe0;display:flex;font-size:.95rem;font-weight:700;gap:.55rem;margin-top:.25rem}.health-dot{border-radius:999px;display:inline-block;height:.65rem;width:.65rem}.health-dot.idle{background:#fff6}.health-dot.success{background:var(--success)}.health-dot.failure{background:var(--failure)}.signed-out-pill{background:#ffffffe6;border-radius:999px;color:#07131c;font-size:.85rem;font-weight:700;padding:.55rem .85rem}.popover,.lookup-popover,.section-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 20px 48px #040b1247}.popover{color:#f8f7ef;margin-top:.5rem;min-width:19rem;padding:1rem;position:absolute;top:100%;width:min(28rem,calc(100vw - 2.4rem))}.popover.left{left:0}.popover.right{right:0}.popover-heading{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.8rem}.popover h2,.section-title{font-family:Space Grotesk,Avenir Next,sans-serif;font-size:1rem;margin:0}.eyebrow{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.14em;margin-bottom:.35rem;text-transform:uppercase}.sheet-count,.muted{color:var(--text-muted)}.compact{margin:0}.health-line{margin:.75rem 0}.health-line.success{color:#cbffe3}.health-line.failure{color:#ffd9d4}.scanner-stage{align-items:center;display:flex;justify-content:center;min-height:100vh}.scanner-inner{display:grid;gap:1.7rem;justify-items:center;max-width:60rem;padding:4rem 1rem 8rem;text-align:center;width:100%}.status-stack{min-height:14rem}.status-text{color:#fff;font-size:clamp(2rem,3vw,2.8rem);font-weight:800;letter-spacing:.03em;margin-top:3.5rem}.subtitle-text{color:var(--text-muted);font-size:1.1rem;margin-top:1.3rem}.name-text{background:linear-gradient(90deg,#ffe082,#fff8d6,#ffd166);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:clamp(3rem,7vw,5.4rem);font-weight:700;margin-top:1.8rem}.scan-form{width:min(34rem,100%)}.scan-input{background:#ffffffd1;border:none;border-radius:10px;caret-color:transparent;color:#07131c;font-size:clamp(2.8rem,7vw,4rem);font-weight:800;letter-spacing:.08em;outline:none;padding:1.25rem 1.4rem;text-align:center;width:100%}.scan-input::placeholder{color:#07131c47;letter-spacing:normal}.scan-actions,.button-row,.inline-form,.section-add{align-items:center;display:flex;gap:.65rem}.scan-actions{justify-content:center;margin-top:.85rem}.small-toggle{min-width:5.5rem}.banner{background:#ffd16629;border:1px solid rgba(255,209,102,.3);border-radius:999px;color:#ffefc0;max-width:50rem;padding:.95rem 1.3rem}.banner.warning{background:#ff6b5d24;border-color:#ff6b5d47;color:#ffd9d4}.error-text{color:#ffd9d4;margin:.4rem 0 0}.auth-blocker{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a1294;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:40}.auth-modal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08121deb;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 30px 70px #040b1261;max-width:28rem;padding:1.6rem;text-align:center;width:100%}.auth-modal h1{font-family:Space Grotesk,Avenir Next,sans-serif;font-size:1.6rem;margin:0}.auth-copy{color:#f8f7efdb;margin:.85rem 0 1.2rem}.auth-button{font-size:1rem;margin-bottom:.85rem;padding:.8rem 1.2rem}.lookup-popover{bottom:5rem;color:#f8f7ef;left:1.2rem;max-width:26rem;padding:1rem;position:fixed;width:calc(100vw - 2.4rem);z-index:15}.lookup-grid{column-gap:.8rem;display:grid;grid-template-columns:max-content 1fr;margin:1rem 0 0;row-gap:.35rem}.lookup-grid dt{color:var(--accent);font-weight:700}.lookup-grid dd{margin:0}.bottom-actions{bottom:1rem;display:flex;gap:.6rem;left:1rem;position:fixed;z-index:10}.section-container{bottom:1rem;position:fixed;right:1rem;text-align:right;z-index:10}.section-panel{color:#f8f7ef;max-width:min(22rem,calc(100vw - 2rem));padding:.85rem}.section-title{margin-bottom:.75rem}.section-add{margin-bottom:.8rem}.section-add input{min-width:0;width:100%}#section-select{display:grid;gap:.4rem}.section-option{align-items:center;display:flex;gap:.6rem;justify-content:flex-end}.section-option input{accent-color:#ffd166;height:1rem;margin:0;width:1rem}.sheet-select,.stack,.stack input,.inline-form input{width:100%}.stack{display:grid;gap:.7rem;margin:.9rem 0}@media(max-width:900px){.top-bar{gap:.75rem;padding:0 1rem}.brand-mark{display:none}.popover{width:min(24rem,calc(100vw - 2rem))}.section-panel{max-width:min(18rem,calc(100vw - 2rem))}}@media(max-width:640px){.app-shell{padding:.8rem}.top-bar{align-items:stretch;flex-direction:column;padding:0 .8rem;position:absolute}.corner-panel.right{align-items:flex-start}.popover.right,.popover.left{left:0;right:auto}.scanner-inner{padding-top:10rem}.scan-actions,.button-row,.inline-form,.section-add,.bottom-actions{align-items:stretch;flex-direction:column}.bottom-actions,.section-container{left:.8rem;position:static;right:.8rem}.lookup-popover{bottom:auto;left:.8rem;position:static;width:calc(100vw - 1.6rem)}.section-panel,.lookup-popover{margin:.8rem 0 0;max-width:none}}
