.portal{--np-night: #0e1a2b;--np-spruce: #163528;--np-green: #2f6b50;--np-red: #e63946;--np-gold: #f1c46a;--np-frost: #a9cee2;--np-snow: #f7f4ec;--np-parchment: #f2e8c6;--np-coal: #20242a;font-family:Nunito,system-ui,sans-serif;background:var(--np-night);color:var(--np-snow)}.portal.app-shell{background:var(--np-night)}.portal input{background-color:#13233a;color:var(--np-snow);caret-color:var(--np-gold);-webkit-text-fill-color:var(--np-snow)}.portal input:-webkit-autofill,.portal input:-webkit-autofill:focus{-webkit-text-fill-color:var(--np-snow);-webkit-box-shadow:0 0 0 1000px #13233a inset;transition:background-color 9999s ease-out}.portal .np-meta{font-family:Courier Prime,monospace;font-size:12px;letter-spacing:.16em}.portal .np-script{font-family:Caveat,cursive}.portal .np-paper{background:linear-gradient(#fff9,#fff0),repeating-linear-gradient(0deg,#20242a06 0,#20242a06 2px,#0000 2px,#0000 4px),var(--np-snow);border-radius:22px;color:var(--np-coal)}.portal .np-cta{min-height:56px;border-radius:16px;background:var(--np-green);color:var(--np-snow);display:flex;align-items:center;justify-content:center;font:800 18px/1 Nunito,system-ui,sans-serif;border:none;cursor:pointer}.portal .np-listen{flex:0 0 auto;min-width:56px;min-height:56px;padding:0 15px;border-radius:16px;border:2px solid rgba(47,107,80,.35);background:none;color:var(--np-green);display:flex;align-items:center;justify-content:center;gap:7px;font:700 16px/1 Nunito,system-ui,sans-serif;cursor:pointer}@keyframes npfall{0%{transform:translateY(-24px)}to{transform:translateY(320px)}}@keyframes nptwinkle{0%,to{opacity:.25}50%{opacity:.9}}@keyframes npfloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(-2deg)}}@keyframes nppulse{0%,to{box-shadow:0 0 #2f6b5057}50%{box-shadow:0 0 0 7px #2f6b5000}}@keyframes npbar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}:root{--evergreen: #123d32;--evergreen-deep: #0c2a22;--evergreen-dark-bg: #0e3227;--evergreen-grad-hi: #16483a;--cream: #faf7f0;--mint: #a9e7c5;--mint-hover: #96dfb6;--red: #d9554f;--gold: #e6b85c;--ink: #1d2522;--surface: #ffffff;--sunken: #f2ede1;--border: #e7e0d2;--border-soft: #ede6d8;--border-chip: #dcd4c4;--border-dashed: #cfc6b4;--ink-40: #8b948f;--ink-65: #55605c;--text-primary: #1d2522;--text-secondary: #55605c;--text-tertiary: #616a66;--text-meta: #68716c;--text-premium: #8a6420;--text-danger: #c0433d;--text-success: #2e7d5b;--text-disabled: #b9beb9;--font-ui: "Figtree", system-ui, sans-serif;--font-serif: "Instrument Serif", serif;--font-mono: ui-monospace, Menlo, monospace;--r-chip: 8px;--r-tile: 14px;--r-card: 20px;--r-sheet: 28px;--r-pill: 999px;--shadow-card: 0 4px 14px -6px rgba(29, 37, 34, .18);--shadow-sheet: 0 14px 34px -12px rgba(18, 61, 50, .28);--enter: .18s ease-out;--exit: .12s ease-out;--app-max-width: 430px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#e9e4d7;color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}#root{min-height:100dvh}button{font-family:var(--font-ui);border:0;background:none;padding:0;cursor:pointer;color:inherit;text-align:inherit}input,textarea{font-family:var(--font-ui)}a{color:inherit;text-decoration:none}.msr{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;display:inline-block;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0;-webkit-user-select:none;user-select:none}.msr.filled{font-variation-settings:"FILL" 1}@keyframes sparkle{0%,to{opacity:.35;transform:scale(.82) rotate(0)}50%{opacity:1;transform:scale(1.12) rotate(12deg)}}@keyframes shimmer{0%{background-position:-220px 0}to{background-position:340px 0}}@keyframes settle{0%{transform:translateY(-6px) scale(1.02);opacity:.6}to{transform:none;opacity:1}}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.app-shell{position:relative;max-width:var(--app-max-width);margin:0 auto;min-height:100dvh;background:var(--cream);display:flex;flex-direction:column;overflow-x:clip}.app-shell.dark{background:var(--evergreen-dark-bg)}@media (display-mode: standalone){.app-shell{padding-top:env(safe-area-inset-top)}}.screen-scroll{flex:1;display:flex;flex-direction:column;gap:20px;padding:16px 20px 120px}.hatch{background:repeating-linear-gradient(135deg,#e4dccb 0,#e4dccb 8px,#efe8da 8px,#efe8da 16px)}.hatch.cool{background:repeating-linear-gradient(135deg,#dce7e0 0,#dce7e0 8px,#e9f1ec 8px,#e9f1ec 16px)}.hatch.dark{background:repeating-linear-gradient(135deg,#faf7f01f 0,#faf7f01f 8px,#faf7f00d 8px,#faf7f00d 16px)}.shimmer-bar{border-radius:6px;background:linear-gradient(90deg,#faf7f01a,#a9e7c559,#faf7f01a);background-size:220px 100%;animation:shimmer 1.4s linear infinite}.serif-h1{margin:0;font:400 32px/1.08 var(--font-serif);color:var(--text-primary)}.eyebrow{font:700 11px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--text-meta)}.section-title{font:700 17px/1 var(--font-ui);color:var(--text-primary)}.meta{font:600 12px/1 var(--font-ui);color:var(--text-tertiary)}::-webkit-scrollbar{display:none}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border-radius:16px;font:700 16px/1 var(--font-ui);transition:background var(--exit),color var(--exit),border-color var(--exit)}.btn:disabled{opacity:.55;cursor:default}.btn.small{min-height:46px;border-radius:14px;font-size:15px}.btn.tiny{min-height:40px;border-radius:12px;font-size:13px}.btn.commit{background:var(--evergreen);color:var(--cream)}.btn.commit:hover{background:var(--evergreen-deep)}.btn.magic{background:var(--mint);color:var(--evergreen)}.btn.magic:hover{background:var(--mint-hover)}.btn.outline{border:1.5px solid var(--evergreen);background:transparent;color:var(--evergreen)}.btn.outline:hover{background:#123d320f}.btn.tertiary{background:transparent;color:var(--text-secondary);font-weight:600;min-height:44px}.btn.tertiary:hover{color:var(--evergreen)}.btn.destructive{border:1.5px solid rgba(217,85,79,.45);background:transparent;color:var(--text-danger);font-size:15px;min-height:44px;border-radius:12px}.btn.destructive:hover{background:#d9554f14}.btn.commit-dark{background:var(--cream);color:var(--evergreen)}.btn.outline-dark{border:1.5px solid rgba(250,247,240,.35);background:transparent;color:var(--cream)}.btn.outline-dark:hover{background:#faf7f014}.btn.tertiary-dark{background:transparent;color:#faf7f0cc;font-weight:600;min-height:44px}.chip{display:inline-flex;align-items:center;gap:5px;padding:10px 13px;border-radius:11px;background:#fff;border:1px solid var(--border-chip);font:600 13px/1 var(--font-ui);color:var(--text-secondary);white-space:nowrap;transition:background var(--exit),border-color var(--exit),color var(--exit)}.chip.selected{padding:9px 13px;background:#a9e7c580;border:1.5px solid var(--evergreen);font-weight:700;color:var(--evergreen)}.chip.meta{padding:7px 10px;border-radius:10px;background:var(--sunken);border:0;font:600 12px/1 var(--font-ui);gap:4px}.chip.tag{border-radius:var(--r-pill);background:var(--evergreen);border:0;color:var(--cream);padding:9px 13px}.chip.pill{border-radius:var(--r-pill)}.chip.add{border-radius:var(--r-pill);border:1px dashed var(--text-disabled);background:transparent;color:var(--text-meta);gap:4px}.chip.premium{border-radius:8px;background:#e6b85c2e;border:0;font-weight:700;color:var(--text-premium)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row.scroll{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px}.seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--sunken)}.seg button{flex:1;min-height:40px;border-radius:11px;font:600 14px/1 var(--font-ui);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.seg button.active{background:#fff;box-shadow:0 2px 6px -3px #1d25224d;font-weight:700;color:var(--text-primary)}.card{background:#fff;border-radius:18px;overflow:hidden}.card.shadowed{box-shadow:0 4px 14px -10px #1d25224d}.card.bordered{border:1px solid var(--border-soft)}.inv-band{display:flex;align-items:center;gap:7px;padding:9px 14px;background:#a9e7c557;font:700 12px/1.2 var(--font-ui);color:var(--evergreen)}.inv-band.missing{background:var(--sunken);color:var(--text-secondary);font-weight:600;gap:10px;padding:10px 14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.icon-btn{width:44px;height:44px;border-radius:var(--r-pill);background:var(--sunken);display:grid;place-items:center;color:var(--text-primary);flex:none}.icon-btn.on-dark{background:#faf7f01f;color:var(--cream)}.icon-btn.on-photo{background:#faf7f0eb}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:8px 12px calc(14px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border-soft);z-index:40}.bottom-nav .tab{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-height:48px;padding-top:4px;color:var(--text-meta);font:600 11px/1 var(--font-ui)}.bottom-nav .tab.active{color:var(--evergreen);font-weight:700}.bottom-nav .create-tab{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:-16px;color:var(--evergreen);font:700 11px/1 var(--font-ui)}.bottom-nav .create-fab{width:52px;height:52px;border-radius:18px;background:var(--evergreen);display:grid;place-items:center;box-shadow:0 10px 20px -8px #123d3299;color:var(--mint)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c2a2280;display:flex;align-items:flex-end;justify-content:center;z-index:60;animation:fadein var(--exit)}.sheet{width:100%;max-width:var(--app-max-width);border-radius:28px 28px 0 0;background:var(--cream);padding:14px 20px calc(30px + env(safe-area-inset-bottom));animation:rise .22s ease-out;max-height:calc(100dvh - 40px - env(safe-area-inset-top));overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--border-chip);margin:0 auto 16px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:96px;width:calc(min(100vw,var(--app-max-width)) - 40px);display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--ink);z-index:80;animation:rise .2s ease-out}.toast .toast-text{font:600 13px/1.3 var(--font-ui);color:var(--cream);flex:1}.toast .toast-action{font:700 13px/1 var(--font-ui);color:var(--mint)}.input{width:100%;min-height:48px;padding:0 14px;border-radius:14px;background:#fff;border:1px solid var(--border);font:600 15px/1 var(--font-ui);color:var(--text-primary);outline:none}.input:focus{border:1.5px solid var(--evergreen)}.input.big{min-height:56px;border-radius:16px;padding:0 16px;font-size:18px}textarea.input{padding:14px;min-height:84px;line-height:1.45;resize:none;font-weight:500}.search-input{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 14px;border-radius:14px;background:var(--sunken)}.search-input input{flex:1;border:0;background:transparent;outline:none;font:500 15px/1 var(--font-ui);color:var(--text-primary)}.search-input input::placeholder{color:var(--text-meta)}.toggle{width:48px;height:28px;border-radius:var(--r-pill);background:var(--border-chip);display:flex;align-items:center;padding:3px;transition:background var(--exit);flex:none}.toggle.on{background:var(--evergreen);justify-content:flex-end}.toggle .knob{width:22px;height:22px;border-radius:var(--r-pill);background:var(--cream)}.row-group{display:flex;flex-direction:column;gap:1px;border-radius:18px;overflow:hidden;border:1px solid var(--border-soft)}.row-group .row{display:flex;align-items:center;gap:12px;padding:15px;background:#fff;font:600 15px/1 var(--font-ui);color:var(--text-primary);width:100%}.admin{min-height:100dvh;display:grid;grid-template-columns:232px 1fr;background:var(--cream);color:var(--text-primary)}.admin-sidebar{background:var(--evergreen);padding:22px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100dvh;overflow-y:auto}.admin-brand{display:flex;align-items:center;gap:10px;padding:0 8px 18px}.admin-brand-label{font:700 11px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}.admin-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font:600 14px/1 var(--font-ui);color:#faf7f0c7;transition:background var(--exit),color var(--exit)}.admin-nav-link:hover{background:#faf7f014;color:var(--cream)}.admin-nav-link.active{background:#a9e7c52e;color:var(--cream);font-weight:700}.admin-main{padding:28px 32px 64px;max-width:1180px;min-width:0}.admin-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.admin-title{margin:0;font:400 32px/1.05 var(--font-serif);color:var(--evergreen)}.admin-subtitle{margin:6px 0 0;font:500 14px/1.5 var(--font-ui);color:var(--text-secondary)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px}.admin-card-label{font:700 11px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-meta)}.admin-stat{font:700 30px/1 var(--font-ui);color:var(--text-primary);margin-top:10px}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font:700 11px/1 var(--font-ui);letter-spacing:.04em;white-space:nowrap}.pill.live{background:#a9e7c573;color:var(--evergreen)}.pill.stub{background:var(--sunken);color:var(--text-secondary)}.pill.warn{background:#e6b85c38;color:var(--text-premium)}.pill.danger{background:#d9554f24;color:var(--text-danger)}.admin-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow-x:auto}table.admin-table{width:100%;border-collapse:collapse;font:500 14px/1.4 var(--font-ui)}.admin-table th{text-align:left;font:700 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text-meta);padding:14px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.admin-table td{padding:14px 16px;border-bottom:1px solid var(--border-soft);color:var(--text-primary);vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table td.num{font-variant-numeric:tabular-nums;text-align:right}.admin-table th.num{text-align:right}.mono{font:500 12px/1.4 var(--font-mono);color:var(--text-secondary)}.admin-btn{min-height:36px;padding:0 12px;border-radius:10px;font:700 13px/1 var(--font-ui);border:1.5px solid var(--evergreen);color:var(--evergreen);background:transparent;white-space:nowrap}.admin-btn:hover{background:#123d320f}.admin-btn.solid{background:var(--evergreen);color:var(--cream)}.admin-btn.solid:hover{background:var(--evergreen-deep)}.admin-btn.danger{border-color:#d9554f73;color:var(--text-danger)}.admin-btn.danger:hover{background:#d9554f14}.admin-btn:disabled{opacity:.5}.admin-search{min-height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font:500 14px/1 var(--font-ui);color:var(--text-primary);min-width:260px;outline:none}.admin-search:focus{border-color:var(--evergreen)}.admin-empty{padding:28px 16px;text-align:center;font:500 14px/1.5 var(--font-ui);color:var(--text-tertiary)}.admin-note{display:flex;gap:10px;padding:14px 16px;border-radius:14px;background:#e6b85c24;border:1px solid rgba(230,184,92,.35);font:500 13px/1.5 var(--font-ui);color:var(--text-primary)}.admin-note a{color:var(--evergreen);font-weight:700;text-decoration:underline;text-underline-offset:2px}@media (max-width: 860px){.admin{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.admin-main{padding:20px 16px 64px}}.admin-header .seg{flex:none;width:auto}.admin-header .seg button{flex:none;padding:0 16px;white-space:nowrap}