:root{--navy:#1d3a57;--navy-hover:#152c43;--gold:#b8862f;--gold-text:#8c641f;--gold-on-cream:#7a5718;--gold-badge-text:#6e4e17;--gold-cream:#f3e8d2;--gold-light:#d9b36d;--gold-pale:#e9d3a6;--on-gold:#14293f;--on-gold-light:#1d3a57;--gold-icon:#b1812d;--paper:#f4f1ea;--surface:#fff;--surface-2:#faf8f4;--surface-3:#fdfbf6;--hover:#ebe5d9;--border:#e3dccf;--border-2:#ddd5c6;--border-3:#d9d0bf;--separator:#efe9de;--border-soft:#ece6da;--border-dashed:#d6cdbb;--navy-tint:#e8eef4;--embed-radius:12px;--text:#1c2733;--text-2:#2a3440;--text-muted:#4e5865;--text-muted-2:#5b6573;--text-faint:#5f6773;--text-faint-2:#8a8f96;--text-hint:#7a808a;--text-lead:#3d4753;--placeholder-bg:#e9e3d6;--placeholder-fg:#6b6556;--placeholder-icon:#8a8172;--on-navy-soft:#d6e0ea;--on-navy:#fff;--on-navy-text:#dfe7ef;--on-navy-muted:#b9c7d5;--on-navy-faint:#93a6b9;--on-navy-dim:#95a4b4;--on-navy-danger:#ffb4a8;--row-hover:#fbf9f5;--toggle-off:#d6d0c4;--text-faint-3:#9aa0a8;--border-dashed-2:#b9ad97;--success-strong:#2f6b3a;--chevron:#a9a396;--success:#2f5a2b;--success-bg:#e3efdc;--success-icon:#4f7a4a;--danger:#9b3b2e;--danger-bg:#f6e3df;--danger-border:#e6c4bd;--home-bg:radial-gradient(60% 45% at 12% 0%, #d9b36d52, transparent 70%), radial-gradient(55% 40% at 92% 6%, #1d3a571f, transparent 70%), linear-gradient(180deg, #fbf5e8 0%, var(--paper) 55%);--highlights-bg:linear-gradient(135deg, var(--gold-cream), #fff 70%);--highlights-border:var(--gold-pale);--tone-1-bg:var(--gold-cream);--tone-1-fg:var(--gold-on-cream);--tone-2-bg:var(--navy-tint);--tone-2-fg:var(--navy);--tone-3-bg:var(--success-bg);--tone-3-fg:var(--success);--tone-4-bg:var(--danger-bg);--tone-4-fg:var(--danger);--placeholder-stripes:repeating-linear-gradient(135deg, #ece6da 0 12px, #e4dccd 12px 24px);--video-stripes:repeating-linear-gradient(135deg, #22405f 0 12px, #1d3a57 12px 24px);--font-title:"Outfit", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--shadow-field:0 10px 30px #1d3a5714;--dur-fast:.15s;--dur-base:.22s;--dur-out:.14s;--ease-out:cubic-bezier(.22, .8, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--shadow-logo:0 8px 24px #1d3a571f;--shadow-drawer:-12px 0 40px #14202d2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}a{color:var(--navy);text-decoration:none}a:hover{color:var(--gold-text)}button{font-family:inherit}:focus-visible{outline:2px solid var(--gold-icon);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--text-faint-2)}.embed-frame{aspect-ratio:16/9;border-radius:var(--embed-radius);background:var(--text);border:0;width:100%;display:block}.icon{letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;display:inline-block}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes tdot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 4px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{background:var(--paper);grid-template-columns:248px minmax(0,1fr);height:100dvh;display:grid}.main{padding:calc(36px + env(safe-area-inset-top)) max(clamp(20px, 4vw, 48px), env(safe-area-inset-right)) calc(56px + env(safe-area-inset-bottom)) clamp(20px, 4vw, 48px);overflow:auto}.sidebar{background:var(--navy);color:var(--on-navy);padding:calc(20px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));flex-direction:column;gap:24px;display:flex;overflow:auto}.brand{align-items:center;gap:11px;padding:0 6px;display:flex}.brand-text{flex-direction:column;flex:1;line-height:1.15;display:flex}.brand-name{font-family:var(--font-title);font-size:18px;font-weight:700}.brand-sub{color:var(--on-navy-muted);font-size:12px}.menu-btn{width:40px;height:40px;color:var(--on-navy);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:none}.menu-btn:hover{background:#ffffff14}.nav{flex-direction:column;gap:2px;display:flex}.nav-item{width:100%;color:var(--on-navy-text);font:500 15px var(--font-body);border-radius:10px;align-items:center;gap:11px;padding:10px 12px;display:flex}.nav-item:hover{color:var(--on-navy);background:#ffffff14}.nav-icon{color:var(--gold-light)}.nav-label{flex:1}.nav-count{color:var(--on-navy-faint);font-size:13px}.nav-item:hover .nav-count{color:var(--on-navy-text)}.nav-item.active{background:var(--surface);color:var(--navy);font-weight:600}.nav-item.active .nav-icon{color:var(--gold-icon)}.nav-item.active .nav-count{color:var(--text-muted-2)}.sidebar :focus-visible{outline-color:var(--gold-light)}.sidebar-foot{flex-direction:column;gap:12px;margin-top:auto;padding:0 6px;display:flex}.site-link{color:var(--on-navy);border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:14px;font-weight:600;display:flex}.site-link:hover{color:var(--on-navy);background:#ffffff14}.install-link{cursor:pointer;background:0 0;width:100%;font-family:inherit;list-style:none}.install-link::-webkit-details-marker{display:none}.install-link:hover{background:#ffffff14}.install-app--compact .install-app-steps{color:var(--on-navy-text);margin:10px 0 0;padding-left:32px;font-size:13px}.install-app--compact .install-app-steps .icon{vertical-align:middle;color:var(--gold-light)}.user{border-top:1px solid #ffffff1f;flex-direction:column;gap:2px;min-width:0;padding:10px 12px 0;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.user-email{color:var(--on-navy-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.logout{color:var(--on-navy-faint);font:500 13px var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;margin-top:6px;padding:4px 0;display:flex}.logout:hover{color:var(--on-navy)}.page{flex-direction:column;gap:24px;max-width:980px;margin:0 auto;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-title{flex-direction:column;gap:4px;display:flex}.page-title h1{font-family:var(--font-title);color:var(--navy);letter-spacing:-.01em;margin:0;font-size:32px;font-weight:600}.page-title span{color:var(--text-muted-2);font-size:15px}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search{background:var(--surface);border:1px solid var(--border-2);border-radius:999px;align-items:center;gap:6px;height:42px;padding:0 14px;display:flex}.search:focus-within{border-color:var(--navy)}.search input{font:400 15px var(--font-body);width:160px;color:var(--text);background:0 0;border:none;outline:none}.search input::-webkit-search-cancel-button{cursor:pointer}.btn-new{background:var(--navy);height:42px;color:var(--on-navy);font:600 14px var(--font-body);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:6px;padding:0 18px 0 14px;display:flex}.btn-new:hover{background:var(--navy-hover)}.list{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.row-line{background:var(--surface);border-bottom:1px solid var(--separator);align-items:center;display:flex}.row-line:last-child{border-bottom:none}.row-line:hover{background:var(--row-hover)}.row{cursor:pointer;text-align:left;min-width:0;font-family:var(--font-body);background:0 0;border:none;flex:1;align-items:center;gap:14px;padding:14px 18px;display:flex}.row-action{flex-shrink:0;padding-right:18px}.row-icon{background:var(--gold-cream);width:40px;height:40px;color:var(--gold-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.row-icon--logo{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}.row-icon--logo img{box-sizing:border-box;object-fit:contain;width:100%;height:100%;padding:3px;display:block}.row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-title,.row-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-title{color:var(--text);font-size:16px;font-weight:600}.row-sub,.row-meta{color:var(--text-muted-2);font-size:14px}.row-meta{white-space:nowrap}.badge{color:var(--placeholder-fg);background:var(--border-soft);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.badge.on{color:var(--success);background:var(--success-bg)}.empty{text-align:center;color:var(--text-muted-2);padding:36px 18px;font-size:15px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:16px;padding:22px 24px;display:flex}.card h2,.subhead{font-family:var(--font-title);color:var(--navy);margin:0;font-size:20px;font-weight:600}.subhead{margin:8px 0 -8px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px 18px;display:grid}.page-field{gap:10px;display:grid}.page-field-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-gold{background:var(--gold);color:var(--on-gold);font:600 14px var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:9px 16px}.btn-gold:hover{background:var(--gold-text);color:var(--on-navy)}.field{flex-direction:column;gap:6px;min-width:0;display:flex}fieldset.field{border:0;margin:0;padding:0}fieldset.field .field-label{margin-bottom:6px;padding:0}.radio-row{min-height:36px;color:var(--text);align-items:center;gap:10px;font-size:15px;display:flex}.field-label{color:var(--text-muted);font-size:13px;font-weight:600}.input{font:400 15px var(--font-body);color:var(--text);background:var(--surface-2);border:1px solid var(--border-2);border-radius:10px;outline:none;width:100%;min-width:0;padding:10px 12px}.input:focus{border-color:var(--navy);background:var(--surface)}.input[aria-invalid=true]{border-color:var(--danger)}.textarea{font:400 15px/1.5 var(--font-body);resize:vertical}.hint{color:var(--text-hint);font-size:13px}.hint-lg{color:var(--text-hint);font-size:14px}.field-error{color:var(--danger);font-size:13px;font-weight:500}.toggle{cursor:pointer;font:500 15px var(--font-body);color:var(--text);text-align:left;background:0 0;border:none;align-self:flex-start;align-items:center;gap:10px;padding:4px 0;display:flex}.toggle:disabled{cursor:wait}.switch{background:var(--toggle-off);border-radius:12px;align-items:center;width:42px;height:24px;padding:3px;transition:background .15s;display:flex}.switch>span{background:var(--surface);border-radius:50%;width:18px;height:18px;transition:transform .15s}.switch.on{background:var(--navy)}.switch.on>span{transform:translate(18px)}.status-field{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-field .badge{font-size:13px}.status-action{padding:6px 14px}.image-input{flex-direction:column;gap:8px;display:flex}.image-input-row{align-items:center;gap:8px;display:flex}.preview{border:1px solid var(--border);background:var(--placeholder-stripes);border-radius:10px;width:100%;max-height:180px;display:block;overflow:hidden}.preview img{object-fit:cover;width:100%;height:100%;max-height:180px;display:block}.preview.round{width:72px;height:72px;color:var(--gold-text);background:var(--gold-cream);border-radius:50%;justify-content:center;align-items:center;display:flex}.preview.round img{height:100%}.btn-primary{background:var(--navy);color:var(--on-navy);font:600 14px var(--font-body);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;display:inline-flex}.btn-primary:hover,a.btn-primary:hover{background:var(--navy-hover);color:var(--on-navy)}.btn-ghost{color:var(--navy);font:600 14px var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 14px}.btn-ghost:hover{background:var(--paper)}.btn-danger{border:1px solid var(--danger-border);background:var(--surface);color:var(--danger);font:600 14px var(--font-body);cursor:pointer;border-radius:999px;padding:10px 16px}.btn-danger:hover{background:var(--danger-bg)}.btn-outline{border:1px solid var(--border-2);background:var(--surface);color:var(--navy);font:600 13px var(--font-body);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:6px 12px 6px 9px;display:flex}.btn-outline:hover{border-color:var(--navy)}.icon-btn{width:32px;height:32px;color:var(--text-muted-2);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--border-soft)}.icon-btn.danger{color:var(--danger)}.icon-btn.danger:hover{background:var(--danger-bg)}button:disabled{opacity:.55;cursor:default}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.overlay{z-index:20;background:#14202d59;animation:.15s ease-out fadein;position:fixed;inset:0}.drawer{background:var(--surface);width:min(540px,100%);box-shadow:var(--shadow-drawer);z-index:21;animation:.2s ease-out slidein;position:fixed;top:0;bottom:0;right:0}.drawer-form{flex-direction:column;height:100%;display:flex}.drawer-head{border-bottom:1px solid var(--separator);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.drawer-head h2{font-family:var(--font-title);color:var(--navy);margin:0;font-size:22px;font-weight:600}.close-btn{background:var(--paper);width:38px;height:38px;color:var(--navy);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.close-btn:hover{background:var(--hover)}.drawer-body{flex-direction:column;flex:1;gap:16px;padding:22px 24px;display:flex;overflow:auto}.drawer-foot{border-top:1px solid var(--separator);align-items:center;gap:10px;padding:16px 24px;display:flex}.media{flex-direction:column;gap:10px;padding-top:6px;display:flex}.media-head{justify-content:space-between;align-items:center;display:flex}.media-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.media-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.media-num{text-align:center;width:22px;color:var(--gold-text);flex-shrink:0;font-size:13px;font-weight:600}.media-spacer{flex:1}.segmented{background:var(--border-soft);border-radius:999px;gap:2px;padding:3px;display:flex}.segmented button{color:var(--text-muted-2);font:600 13px var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 12px}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--navy)}.media-source{align-items:center;gap:10px;display:flex}.media-thumb{background:var(--border-soft);width:72px;height:54px;color:var(--text-faint-3);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%;display:block}.media-input{min-width:0;font:400 14px var(--font-body);color:var(--text);background:var(--surface);border:1px solid var(--border-2);border-radius:8px;outline:none;flex:1;padding:9px 10px}.media-input:focus{border-color:var(--navy)}.media-test{border:1px solid var(--navy);background:var(--surface);color:var(--navy);font:600 13px var(--font-body);cursor:pointer;border-radius:999px;flex:none;padding:8px 14px}.media-test:hover:not(:disabled){background:var(--navy-tint)}.media-pick{border:1px dashed var(--border-dashed-2);background:var(--surface);color:var(--navy);font:600 13px var(--font-body);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:6px;padding:9px 14px;display:flex}.media-pick:hover{border-color:var(--navy)}.media-file-name{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.media-remove{color:var(--danger);font:600 13px var(--font-body);cursor:pointer;background:0 0;border:none;padding:6px}.media-status{align-items:center;gap:5px;font-size:13px;display:flex}.media-status--ok{color:var(--success-strong)}.media-status--err{color:var(--danger)}.media-status--load{color:var(--text-hint)}.media-status--warn{color:var(--gold-text)}.media-progress{background:var(--border-soft);border-radius:999px;height:4px;display:block;overflow:hidden}.media-progress span{background:var(--navy);height:100%;transition:width .15s linear;display:block}.media-help{color:var(--text-hint);font-size:12px}.media-poster{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:10px;display:flex}@media (width<=520px){.media-source{flex-wrap:wrap}}.logo-input{flex-direction:column;gap:8px;display:flex}.logo-input-main{align-items:flex-start;gap:14px;display:flex}.logo-input-controls{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.logo-input-controls .media-source{align-self:stretch}.logo-preview{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);border-radius:15px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.logo-preview img{box-sizing:border-box;object-fit:contain;width:100%;height:100%;padding:4px;display:block}.logo-preview--fallback{background:var(--gold-cream);color:var(--gold-text)}.logo-remove{padding-left:0}@media (width<=520px){.logo-input-main{flex-direction:column}.logo-input-controls .media-pick,.logo-input-controls .media-test{min-height:44px}}.link-preview{--embed-radius:10px;flex-direction:column;gap:8px;display:flex}.link-preview-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.link-preview-row{align-items:center;gap:12px;display:flex}.link-badge{background:var(--surface);border:1px solid var(--border-soft);width:40px;height:40px;color:var(--navy);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.link-preview-text{flex-direction:column;flex:1;min-width:0;display:flex}.link-host{font:600 15px var(--font-body);color:var(--navy);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.link-path{color:var(--text-muted-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.btn-pill{background:var(--surface);font:600 13px var(--font-body);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:7px 12px 7px 9px;display:inline-flex}.btn-pill--danger{border:1px solid var(--danger-border);color:var(--danger)}.btn-pill--danger:hover{background:var(--danger-bg)}.btn-pill--navy{border:1px solid var(--navy);color:var(--navy);padding:7px 12px}.btn-pill--navy:hover{background:var(--navy-tint)}.link-preview-help{color:var(--text-hint);font-size:12px}.link-preview-off{border:1px dashed var(--border-dashed);color:var(--text-muted-2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}@media (width<=520px){.link-preview-row,.link-preview-off{flex-wrap:wrap}}.toast{background:var(--text);color:var(--on-navy);z-index:40;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:11px 18px;font-size:14px;font-weight:500;animation:.15s ease-out fadein;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #14202d40}.center-page{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:20px;width:min(420px,100%);padding:32px 28px;display:flex}.auth-card h1{font-family:var(--font-title);color:var(--navy);margin:0;font-size:28px;font-weight:600}.auth-title{flex-direction:column;gap:4px;display:flex}.auth-title span,.muted{color:var(--text-muted-2);margin:0;font-size:15px}.auth-form{text-align:left;flex-direction:column;gap:14px;width:100%;display:flex}.notice{text-align:left;color:var(--success);background:var(--success-bg);border-radius:12px;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.notice a{font-weight:600;text-decoration:underline}.notice.error{color:var(--danger);background:var(--danger-bg)}.notice.warn{color:var(--gold-badge-text);background:var(--gold-cream)}.notice .link-btn{font-size:inherit;padding:0;display:inline}.kind-note{color:var(--text-muted);background:var(--navy-tint);border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}.kind-note strong{color:var(--navy)}.managers{border-top:1px solid var(--separator);flex-direction:column;gap:10px;padding-top:18px;display:flex}.managers h3{margin:0}.managers-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.managers-item{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted-2);border-radius:12px;align-items:center;gap:10px;padding:8px 8px 8px 12px;display:flex}.managers-who{flex-direction:column;flex:1;min-width:0;display:flex}.managers-name{color:var(--text);overflow-wrap:anywhere;font-weight:600}.managers-email{overflow-wrap:anywhere;font-size:13px}.managers-confirm{gap:6px;display:flex}.btn-outline.danger{color:var(--danger);border-color:var(--danger-border)}.managers-add{flex-direction:column;gap:10px;display:flex}.managers-submit,.invite-resend{align-self:flex-start}@media (width<=800px){.shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);height:auto;min-height:100vh}.main{padding:24px max(16px, env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));overflow:visible}.sidebar{z-index:10;padding:calc(10px + env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 10px max(12px, env(safe-area-inset-left));gap:0;position:sticky;top:0;overflow:visible}.menu-btn{display:flex}.sidebar .nav,.sidebar .sidebar-foot{display:none}.sidebar.open .nav,.sidebar.open .sidebar-foot{display:flex}.sidebar.open{max-height:100dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom));gap:16px;overflow:auto}.page-title h1{font-size:28px}.page-actions,.search{width:100%}.search{flex:1}.search input{width:100%}.row{gap:12px;padding:12px 14px}.row-line{flex-wrap:wrap}.row-action{width:100%;padding:0 14px 12px 66px}.row-meta{display:none}.drawer-head,.drawer-body,.drawer-foot{padding-left:16px;padding-right:16px}.drawer-foot{flex-wrap:wrap}}.search.wide,.search.wide input{width:100%}.ai-status{color:var(--placeholder-fg);background:var(--border-soft);border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.ai-status.on{color:var(--success);background:var(--success-bg)}.model-meta{color:var(--text-muted-2);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;display:flex}.model-meta code,.model-row code{font-family:var(--font-mono);color:var(--gold-on-cream);font-size:12px}.model-results{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;max-height:320px;display:flex;overflow:auto}.model-row{border:none;border-bottom:1px solid var(--separator);background:var(--surface);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);align-items:center;gap:12px;padding:10px 14px;display:flex}.model-row:hover{background:var(--row-hover)}.model-row.active{background:var(--surface-3);box-shadow:inset 3px 0 0 var(--gold-icon)}.model-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.model-row-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.model-row-price{color:var(--text-muted-2);white-space:nowrap;font-size:13px}.ai-answer{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.ai-answer p{color:var(--text-2);margin:0;font-size:15px;line-height:1.6}.otp-input{font:600 26px var(--font-mono);letter-spacing:.4em;text-align:center;padding:12px}.auth-links{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;display:flex}.link-btn{color:var(--navy);font:600 14px var(--font-body);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:6px 0;text-decoration:underline}.link-btn:disabled{color:var(--text-faint-2);cursor:default;text-decoration:none}.dev-code{border:1px dashed var(--success-icon);background:var(--surface);color:var(--success);font:700 14px var(--font-mono);letter-spacing:.12em;cursor:pointer;border-radius:6px;padding:2px 8px}.dev-code:hover{background:var(--success);color:var(--on-navy)}.period{border-radius:999px;width:auto;height:42px;padding:0 14px}.stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:4px;padding:16px 18px;display:flex}.stat-label{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.stat-label .icon{color:var(--gold-icon)}.stat-value{font-family:var(--font-title);color:var(--navy);font-size:26px;font-weight:600}.stat-sub{color:var(--text-faint);font-size:13px}.table-wrap{margin:0 -24px;padding:0 24px;overflow-x:auto}.usage-table{border-collapse:collapse;width:100%;font-size:14px}.usage-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);border-bottom:1px solid var(--separator);white-space:nowrap;padding:0 10px 8px;font-size:12px;font-weight:600}.usage-table td{border-bottom:1px solid var(--separator);vertical-align:top;color:var(--text-2);padding:10px}.usage-table th:first-child,.usage-table td:first-child{padding-left:0}.usage-table tr.row-continued td:first-child{padding-left:10px}.usage-table .num{text-align:right;font-variant-numeric:tabular-nums}.usage-table .nowrap{white-space:nowrap}.usage-table code{font-family:var(--font-mono);color:var(--gold-on-cream);font-size:12px}.usage-table tr.failed td{background:var(--danger-bg)}.cell-sub{color:var(--text-faint);font-size:12px;display:block}.cell-sub.err{color:var(--danger);font-weight:600}.announced{color:var(--success);white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.btn-pill--navy:disabled:hover{background:var(--surface)}.dialog{background:var(--surface);width:min(440px,100% - 32px);box-shadow:var(--shadow-drawer);z-index:21;border-radius:16px;flex-direction:column;gap:14px;padding:22px 24px;animation:.15s ease-out fadein;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog h2{font-family:var(--font-title);color:var(--navy);margin:0;font-size:21px;font-weight:600}.dialog p{color:var(--text);margin:0;font-size:15px;line-height:1.5}.dialog-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.usage-table .count-failed{color:var(--danger);font-weight:600}.audit-filters{flex-flow:wrap;align-items:center;gap:10px;display:flex}.audit-filters .search{flex:220px}.audit-filters select.input{width:auto}.audit-date{color:var(--text-muted);align-items:center;gap:6px;font-size:14px;display:flex}.audit-date .input{width:auto}.audit-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.audit-row+.audit-row{border-top:1px solid var(--separator)}.audit-row summary{cursor:pointer;align-items:flex-start;gap:12px;padding:12px 4px;list-style:none;display:flex}.audit-row summary::-webkit-details-marker{display:none}.audit-row summary:hover{background:var(--surface-2)}.audit-icon{color:var(--navy);flex-shrink:0;margin-top:1px}.audit-row--create .audit-icon{color:var(--success-icon)}.audit-row--delete .audit-icon{color:var(--danger)}.audit-row--announce .audit-icon{color:var(--gold-icon)}.audit-main{flex-direction:column;gap:2px;min-width:0;display:flex}.audit-title{color:var(--text);overflow-wrap:anywhere}.audit-detail{margin:0 0 14px 32px}.audit-detail th[scope=row]{white-space:nowrap;color:var(--text-muted);font-weight:500}.audit-detail td{overflow-wrap:anywhere;white-space:pre-wrap}.audit-before{color:var(--danger);text-decoration:line-through;-webkit-text-decoration-color:var(--danger-border);text-decoration-color:var(--danger-border)}.audit-after{color:var(--success)}.history-link{color:var(--navy);white-space:nowrap;align-items:center;gap:4px;margin-left:auto;margin-right:8px;font-size:13px;display:inline-flex}.category-actions{align-items:center;gap:2px;display:flex}.category-confirm{color:var(--text);align-items:center;gap:8px;font-size:14px;display:flex}.category-edit{padding:16px 18px}.category-child{padding-left:40px}.category-child .row-icon{opacity:.8}.category-form{flex-direction:column;gap:14px;width:100%;display:flex}.card>.category-form{border:1px solid var(--border);background:var(--paper);border-radius:12px;padding:16px 18px}.category-form-foot{justify-content:flex-end;gap:8px;display:flex}.icon-picker{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;display:grid}.icon-choice{border:1px solid var(--border-2);background:var(--surface);height:44px;color:var(--navy);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:flex}.icon-choice:hover{border-color:var(--navy)}.icon-choice.active{background:var(--gold-cream);border-color:var(--gold-icon);color:var(--gold-text)}@media (width<=520px){:is(.row-line:has(.category-actions),.row-line:has(.category-confirm)){flex-wrap:wrap}.category-actions,.category-confirm{flex-wrap:wrap;justify-content:flex-end;width:100%;padding:0 12px 10px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.apikey-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.apikey-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.apikey-card--inactive{background:var(--surface-2);color:var(--text-muted-2)}.apikey-card--inactive .apikey-name{color:var(--text-muted-2)}.apikey-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.apikey-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.apikey-name{color:var(--text);overflow-wrap:anywhere;font-size:16px;font-weight:600}.apikey-status{align-items:center;gap:4px;display:inline-flex}.apikey-prefix{color:var(--text-muted-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.apikey-meta{color:var(--text-muted-2);flex-wrap:wrap;gap:2px 16px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.apikey-soon{color:var(--danger);align-items:center;gap:4px;font-weight:600;display:inline-flex}.apikey-revoke{flex:none;align-items:center;gap:6px;min-height:44px;display:inline-flex}.apikey-empty{text-align:center;color:var(--text-muted-2);flex-direction:column;align-items:center;gap:10px;margin:0;padding:28px 12px;display:flex}.btn-new[aria-disabled=true]{background:var(--border-soft);color:var(--text-muted-2);cursor:not-allowed}.apikey-dialog{max-height:calc(100dvh - 32px);overflow-y:auto}.apikey-form{flex-direction:column;gap:14px;display:flex}.apikey-form[hidden]{display:none}.apikey-expiry{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.apikey-radio{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.apikey-radio input{width:18px;height:18px;accent-color:var(--navy)}.apikey-warning{background:var(--paper);border:1px solid var(--border-2);border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:14px;display:flex}.apikey-token{background:var(--surface-2);border:1px solid var(--border-2);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:10px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;display:block}.apikey-drawer .drawer-body{flex-direction:column;gap:14px;display:flex}.audit-via-filter{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:14px;display:inline-flex}.audit-via{padding:2px 8px;font-size:11px}@media (width<=520px){.apikey-card{flex-direction:column;align-items:stretch}.apikey-meta{flex-direction:column}.apikey-revoke,.apikey-dialog .dialog-foot button,.apikey-form>.btn-outline{justify-content:center;width:100%;min-height:44px}.apikey-dialog .dialog-foot{flex-direction:column-reverse}.apikey-drawer{width:100%}}@media (prefers-reduced-motion:reduce){.apikey-dialog,.apikey-drawer{animation:none}}.row-action .apikey-open{white-space:nowrap;align-items:center;gap:6px;min-height:44px;display:inline-flex}.picker{border:none;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.picker legend{margin-bottom:2px;padding:0}.picker:focus{outline:none}.picker-check{min-height:44px;color:var(--text);cursor:pointer;overflow-wrap:anywhere;align-items:center;gap:10px;padding:0 10px;font-size:16px;display:flex}.picker-check input{width:20px;height:20px;accent-color:var(--navy);flex:none}.picker-check input:disabled+span{color:var(--text-hint)}.picker-ro{color:var(--text-hint);font-style:normal}.picker-search{width:100%;height:44px}.picker-search input{flex:1;width:auto;min-width:0;font-size:16px}.picker-list{border:1px solid var(--border-2);background:var(--surface-2);border-radius:10px;grid-template-columns:1fr;max-height:240px;display:grid;overflow-y:auto}.picker-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.picker-chip{background:var(--surface-2);border:1px solid var(--border-2);min-height:44px;color:var(--text);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:6px;padding:0 4px 0 12px;font-size:14px;display:inline-flex}.picker-chip--locked{color:var(--text-muted);padding:0 12px}.picker-remove{width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.picker-remove:hover,.picker-remove:focus-visible{background:var(--border-2)}.picker-skeleton{cursor:default}.picker-skeleton:before{content:"";background:var(--border-2);border-radius:7px;width:60%;height:14px;display:block}.picker-state{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.delete-note{color:var(--danger);margin:0;font-size:14px}@media (width>=720px){.picker-list{grid-template-columns:1fr 1fr}}.gplace-current{flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:32px;display:flex}.gplace-chosen{min-width:0;color:var(--text);flex-direction:column;font-size:14px;display:flex}.gplace-chosen span{color:var(--text-muted);font-size:13px}.gplace-search-btn,.gplace-field>.toggle{align-self:flex-start}.gplace-field>.toggle:disabled{cursor:not-allowed;opacity:.55}.gplace-search{flex-direction:column;gap:8px;display:flex}.gplace-search-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gplace-search-row .input{flex:220px}.gplace-hits{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.gplace-hit{border:1px solid var(--border-2);background:var(--surface);width:100%;min-height:44px;font:400 14px var(--font-body);color:var(--text);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;display:flex}.gplace-hit span{color:var(--text-muted);font-size:13px}.gplace-hit:hover,.gplace-hit[aria-pressed=true]{border-color:var(--navy)}.preview-link{min-height:44px;font:600 13px var(--font-body);cursor:pointer;background:0 0;border:none;padding:6px 4px}.preview-link:disabled{color:var(--text-faint-2);cursor:default}.preview-link+.history-link{margin-left:0}.actor-preview{z-index:30;background:var(--paper);flex-direction:column;display:flex;position:fixed;inset:0}.actor-preview-head{background:var(--surface);border-bottom:1px solid var(--separator);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;display:flex}.actor-preview-head h2{font:600 17px var(--font-title);color:var(--text);flex:1;margin:0}.actor-preview-sizes{background:var(--paper);border-radius:999px;gap:4px;padding:3px;display:flex}.actor-preview-sizes button{min-height:38px;color:var(--text-muted);font:600 13px var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;padding:0 12px;display:inline-flex}.actor-preview-sizes button[aria-pressed=true]{background:var(--surface);color:var(--navy);box-shadow:0 1px 2px #14202d1f}.actor-preview-note{color:var(--text-hint);margin:0;padding:6px 16px;font-size:13px}.actor-preview-stage{flex:1;justify-content:center;min-height:0;padding:0 16px 16px;display:flex}.actor-preview-frame{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:100%;height:100%}.actor-preview-frame--mobile{max-width:390px}@media (width>=1200px){.actor-preview{z-index:22;border-right:1px solid var(--border);right:540px}.actor-preview--full{z-index:30;border-right:none;right:0}}.daybars{flex-direction:column;gap:8px;margin:0;display:flex}.daybars h3,.bar-rows h3{margin:0;font-size:15px}.daybars-plot{height:120px;padding-top:16px;display:flex;position:relative}.daybars-max{color:var(--text-faint);font-size:12px;position:absolute;top:0;left:0}.daybars ol{border-bottom:1px solid var(--separator);flex:1;align-items:flex-end;gap:1px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.daybars li{flex:1;align-items:flex-end;min-width:0;height:100%;display:flex}.daybars li span{background:var(--navy);width:100%;display:block}.daybars li:hover span{background:var(--gold)}.daybars-axis{color:var(--text-faint);justify-content:space-between;font-size:12px;display:flex}.daybars summary{cursor:pointer;color:var(--text-muted);font-size:14px}.bar-rows{flex-direction:column;gap:12px;display:flex}.bar-row{grid-template-columns:1fr auto;gap:4px 12px;font-size:14px;display:grid}.bar-row-label{overflow-wrap:anywhere;min-width:0}.bar-row-value{font-variant-numeric:tabular-nums;color:var(--text-muted)}.bar-row-track{background:var(--navy-tint);border-radius:4px;grid-column:1/-1;height:8px;overflow:hidden}.bar-row-track span{background:var(--navy);height:100%;display:block}@media (width>=521px){.daybars-plot{height:160px}}.install-app--compact .install-app-note{color:var(--on-navy-muted);margin:8px 0 0;font-size:13px}.install-app--compact .install-app-note--error{color:var(--on-navy-danger)}.install-link.install-app-btn--done,.install-link.install-app-btn--done:hover{color:var(--on-navy-dim);cursor:not-allowed;background:0 0;border-color:#ffffff1f}.install-link.install-app-btn--error,.install-link.install-app-btn--error:hover{border-color:var(--on-navy-danger);color:var(--on-navy-danger);cursor:not-allowed;background:#ff78641f}.identity-form{max-width:760px}.legal-banner{background:var(--gold-cream);max-width:760px;color:var(--gold-on-cream);align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.legal-banner p{margin:0}.legal-banner a{color:inherit;font-weight:600}.identity-place{grid-template-columns:1fr 1fr;gap:14px;display:grid}.theme-picker{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.theme-choice{border:1px solid var(--border-2);background:var(--surface);min-height:48px;color:var(--text);font:500 14px var(--font-body);text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.theme-choice:hover{border-color:var(--navy)}.theme-choice.active{background:var(--gold-cream);border-color:var(--gold-icon)}.theme-swatch{border:1px solid var(--border);border-radius:8px;flex:none;display:flex;overflow:hidden}.theme-swatch>span{width:18px;height:28px}@media (width<=520px){.identity-place{grid-template-columns:1fr}}.series{flex-direction:column;gap:14px;display:flex}.list-row{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.list-row .input{flex:160px;min-width:0}