:root{--bg: #0b0f14;--panel: #161d26;--panel-raised: #1f2937;--border: #2e3a48;--text: #f2f6fa;--text-dim: #9fb0c0;--accent: #9db98a;--accent-strong: #86a06e;--ok: #16a34a;--ok-bright: #4ade80;--warn: #d97706;--warn-bright: #fbbf24;--bad: #dc2626;--bad-bright: #f87171;--header-h: 92px;--nav-h: 76px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.4;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{min-height:100dvh;display:flex;flex-direction:column}button{font:inherit;color:inherit;border:none;cursor:pointer;touch-action:manipulation}input,select,textarea{font:inherit;color:var(--text);background:var(--panel);border:2px solid var(--border);border-radius:12px;padding:16px;width:100%;min-height:60px}input:focus,textarea:focus{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.screen{flex:1;display:flex;flex-direction:column;padding:20px;gap:16px;width:100%;max-width:640px;margin:0 auto}.screen--with-chrome{padding-bottom:calc(var(--nav-h) + 20px)}.screen-title{font-size:1.6rem;font-weight:800}.screen-subtitle{color:var(--text-dim);font-size:1.05rem}.centered{justify-content:center}.stack{display:flex;flex-direction:column;gap:14px}.muted{color:var(--text-dim)}.error-text{color:var(--bad-bright);font-weight:700;font-size:1.05rem}.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:14px 20px;border-radius:14px;font-size:1.25rem;font-weight:800;background:var(--panel-raised);border:2px solid var(--border);color:var(--text)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#04141f}.btn--ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn--warn{background:var(--warn);border-color:var(--warn);color:#1c1002}.btn--bad{background:var(--bad);border-color:var(--bad);color:#fff}.btn--ghost{background:transparent}.btn--small{min-height:48px;font-size:1rem;padding:8px 14px}.btn--block{width:100%}.picker-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;background:var(--panel);border:2px solid var(--border);border-radius:16px;padding:20px;min-height:84px}.picker-item:active{border-color:var(--accent)}.picker-item--selected{border-color:var(--accent);outline:2px solid var(--accent)}.picker-item__title{font-size:1.3rem;font-weight:800}.picker-item__meta{color:var(--text-dim);font-size:1rem}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 12px;font-size:.9rem;font-weight:700;background:var(--panel-raised);border:1px solid var(--border)}.badge--ok{color:var(--ok-bright);border-color:var(--ok)}.badge--warn{color:var(--warn-bright);border-color:var(--warn)}.badge--bad{color:var(--bad-bright);border-color:var(--bad)}.status-header{position:sticky;top:0;z-index:30;background:var(--panel);border-bottom:2px solid var(--border);padding:10px 16px;display:flex;flex-direction:column;gap:6px}.status-header__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.status-header__context{font-weight:800;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;border:none;text-align:left;padding:0;flex:1;min-width:0;color:var(--text)}.status-header__context small{display:block;color:var(--text-dim);font-weight:600;font-size:.85rem}.status-header__status{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:700;color:var(--text-dim);min-height:34px}.sync-button{min-height:44px;border-radius:10px;padding:6px 14px;font-weight:800;font-size:.95rem;background:var(--panel-raised);border:2px solid var(--border)}.sync-button--pending{border-color:var(--warn);color:var(--warn-bright)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);background:var(--panel);border-top:2px solid var(--border);height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;color:var(--text-dim);font-size:.95rem;font-weight:800;text-decoration:none}.bottom-nav__item .icon{font-size:1.5rem;line-height:1}.bottom-nav__item--active{color:var(--accent)}.scan-viewport{position:relative;border-radius:18px;overflow:hidden;background:#000;aspect-ratio:3 / 4;max-height:52dvh;border:2px solid var(--border)}.scan-viewport video{width:100%;height:100%;object-fit:cover}.scan-viewport__hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--text-dim);font-weight:700;background:#0b0f14bf}.scan-viewport__cta{flex-direction:column;gap:14px}.scan-viewport__err{font-weight:400;font-size:.8rem;color:#fca5a5;word-break:break-word;max-width:90%}.scan-frame{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:3px dashed rgba(255,255,255,.55);border-radius:16px;pointer-events:none}.action-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.action-toggle .btn{min-height:56px;font-size:1.05rem}.action-toggle .btn--active{background:var(--accent-strong);border-color:var(--accent-strong);color:#04141f}.manual-token{display:flex;gap:10px}.manual-token input{flex:1}.manual-token .btn{flex-shrink:0}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;text-align:center;color:#fff}.result-overlay--ok{background:var(--ok)}.result-overlay--warn{background:var(--warn);color:#180d00}.result-overlay--bad{background:var(--bad)}.result-overlay__icon{font-size:6.5rem;line-height:1}.result-overlay__title{font-size:2.6rem;font-weight:900;line-height:1.1}.result-overlay__name{font-size:1.9rem;font-weight:800}.result-overlay__meta{font-size:1.25rem;font-weight:700;opacity:.92}.result-overlay__offline{font-size:1.05rem;font-weight:800;border:2px solid currentColor;border-radius:999px;padding:4px 14px}.result-overlay__dismiss{position:absolute;bottom:26px;left:0;right:0;font-size:.95rem;font-weight:700;opacity:.75}.result-card{background:var(--panel);border:2px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}.result-card__name{font-size:1.35rem;font-weight:800}.result-card__meta{color:var(--text-dim);font-size:1rem}.result-card__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-card__more{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:12px}.result-card__feedback{font-weight:800;font-size:1.05rem}.log-entry{display:flex;gap:12px;align-items:flex-start;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.log-entry__icon{font-size:1.4rem;line-height:1.2}.log-entry__body{flex:1;min-width:0}.log-entry__title{font-weight:800}.log-entry__meta{color:var(--text-dim);font-size:.9rem}.toast{position:fixed;left:50%;bottom:calc(var(--nav-h) + 18px);transform:translate(-50%);z-index:60;background:var(--panel-raised);color:var(--text);border:2px solid var(--accent);border-radius:14px;padding:14px 22px;font-weight:800;font-size:1.05rem;max-width:min(92vw,480px);text-align:center;box-shadow:0 8px 30px #0000008c}.info-panel{background:var(--panel);border:2px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.info-panel--warn{border-color:var(--warn)}.info-panel__title{font-weight:800;font-size:1.1rem}