.toast{position:fixed;left:var(--space-4);right:var(--space-4);bottom:calc(var(--safe-bottom) + 84px);z-index:80;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-strong);border-left:2px solid var(--accent-gold);color:var(--text-bright);font-size:var(--font-size-base);animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sheet-root{position:fixed;inset:0;bottom:var(--kb, 0px);z-index:50;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}.sheet-root.in{pointer-events:auto}.sheet-backdrop{position:absolute;inset:0;background:var(--bg-overlay);opacity:0;transition:opacity .2s ease}.sheet-root.in .sheet-backdrop{opacity:1}.sheet{position:relative;display:flex;flex-direction:column;max-height:88%;background:var(--bg-surface);border-top:1px solid var(--border-strong);transform:translateY(100%);transition:transform .2s ease;padding-bottom:var(--safe-bottom)}.sheet-root.in .sheet{transform:translateY(0)}.sheet-full{height:100%;max-height:none;border-top:0;padding-top:var(--safe-top)}.sheet-head{display:flex;align-items:center;gap:var(--space-2);min-height:var(--appbar-height);padding:0 var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.sheet-title{flex:1;font-size:var(--font-size-base);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-primary)}.sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:0}.icon-btn{width:var(--touch-min);height:var(--touch-min);display:grid;place-items:center;color:var(--text-secondary);flex-shrink:0}.icon-btn:active{color:var(--text-accent-gold)}.sheet-action{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding:0 var(--space-2);font-size:var(--font-size-md);color:var(--text-body);text-align:left;width:100%}.sheet-action:active{color:var(--text-accent-gold)}.sheet-action.danger{color:var(--text-danger)}.sheet-action-hint{display:block;font-size:var(--font-size-xs);color:var(--text-muted)}.btn{min-height:var(--touch-min);padding:0 var(--space-5);border:1px solid var(--border-strong);color:var(--text-body);font-size:var(--font-size-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase}.btn:active{border-color:var(--accent-gold);color:var(--text-accent-gold)}.btn.primary{border-color:var(--accent-gold);color:var(--text-accent-gold);background:var(--accent-gold-dim)}.btn.danger{border-color:var(--border-danger);color:var(--text-danger)}.btn:disabled{opacity:.45}.btn-row{display:flex;gap:var(--space-2)}.btn-row .btn{flex:1}.menu-root{position:fixed;inset:0;z-index:60;pointer-events:none}.menu-root.in{pointer-events:auto}.menu-backdrop{position:absolute;inset:0}.menu{position:absolute;min-width:220px;max-width:calc(100vw - 24px);background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:0 8px 28px #0000008c;padding:var(--space-1) 0;opacity:0;transform:scale(.96);transform-origin:top right;transition:opacity .14s ease,transform .14s ease}.menu-root.in .menu{opacity:1;transform:scale(1)}.menu-top-right{top:calc(var(--safe-top) + var(--appbar-height) - 8px);right:var(--space-2)}.menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-4);text-align:left;font-size:var(--font-size-md);color:var(--text-body)}.menu-item svg{color:var(--text-accent-gold);flex-shrink:0}.menu-item:active{background:var(--bg-hover)}.menu-item.danger,.menu-item.danger svg{color:var(--text-danger)}.menu-item-text{display:flex;flex-direction:column;line-height:1.25}.menu-item-hint{font-size:var(--font-size-xs);color:var(--text-muted)}.import-file{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.import-file-name{color:var(--text-bright);word-break:break-all}.import-file-scope{flex-shrink:0;font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}.import-list{list-style:none;border-top:1px solid var(--border-subtle);max-height:34vh;overflow-y:auto}.import-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.import-name{flex:1;min-width:120px;color:var(--text-body)}.import-dates{flex-basis:100%;font-size:var(--font-size-xs);color:var(--text-muted)}.import-chip{font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:1px var(--space-2);border:1px solid var(--border-default);color:var(--text-secondary)}.import-chip-new{color:var(--text-accent-gold);border-color:var(--tag-gold-border)}.import-chip-update{color:var(--text-accent-hex);border-color:var(--accent-hex-deep)}.import-chip-local-newer{color:var(--text-bright);border-color:var(--border-strong)}.import-choice{border:1px solid var(--border-default);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.import-choice legend{padding:0 var(--space-2);color:var(--text-body)}.import-option{display:flex;align-items:flex-start;gap:var(--space-3);min-height:var(--touch-min);color:var(--text-secondary)}.import-option input{accent-color:var(--accent-gold);width:20px;height:20px;margin-top:2px;flex-shrink:0}.import-option.on .import-option-label{color:var(--text-accent-gold)}.import-option-label{display:block;font-size:var(--font-size-md)}.import-option-hint{display:block;font-size:var(--font-size-xs);color:var(--text-muted)}.import-warnings{font-size:var(--font-size-sm);color:var(--text-muted)}.import-warnings summary{cursor:pointer;min-height:32px}.import-warnings ul{margin:var(--space-2) 0 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.brand{flex:1;display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:var(--font-size-sm);letter-spacing:var(--tracking-widest);text-transform:uppercase}.brand svg{color:var(--accent-gold)}.search-input{flex:1;min-height:var(--touch-min);background:transparent;border:0;border-bottom:1px solid var(--border-focus);color:var(--text-bright);outline:none;margin-right:var(--space-2)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.tile{display:flex;flex-direction:column;text-align:left;background:var(--bg-surface);border:1px solid var(--border-default);touch-action:manipulation}.tile:active{border-color:var(--accent-gold)}.tile-image{position:relative;width:100%;aspect-ratio:.72;background:var(--bg-elevated);overflow:hidden}.tile-image img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.tile-blank{width:100%;height:100%;display:grid;place-items:center;color:var(--border-strong)}.tile-info{padding:var(--space-2) var(--space-3) var(--space-3);min-height:62px}.tile-name{color:var(--text-bright);font-size:var(--font-size-md);font-weight:500;letter-spacing:var(--tracking-normal);line-height:1.25}.tile-title{color:var(--text-muted);font-size:var(--font-size-xs)}.tile-tags{margin-top:2px;color:var(--tag-gold-text);font-size:var(--font-size-xs);letter-spacing:var(--tracking-normal)}.fab{position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + var(--safe-bottom));width:56px;height:56px;display:grid;place-items:center;background:var(--accent-gold);color:var(--text-inverse);box-shadow:0 6px 20px #00000080;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.fab:active{background:var(--accent-gold-hover)}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-4);color:var(--text-secondary);text-align:center}.empty svg{color:var(--border-strong)}.empty .btn{width:100%;max-width:320px}.reminder{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);background:var(--accent-gold-dim);border:1px solid var(--tag-gold-border);font-size:var(--font-size-sm);color:var(--text-secondary)}.reminder span{flex:1}.icon-btn.small{width:36px;height:36px}.center{text-align:center;padding:var(--space-8) 0}.tabbar{display:flex;min-height:calc(var(--navbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-surface);border-top:1px solid var(--border-default);flex-shrink:0}.tabbar-item{flex:1;color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-top:2px solid transparent;margin-top:-1px}.tabbar-item.on{color:var(--text-accent-gold);border-top-color:var(--accent-gold);background:var(--accent-gold-dim)}.drawer-root{position:fixed;inset:0;z-index:55;pointer-events:none}.drawer-root.in{pointer-events:auto}.drawer-backdrop{position:absolute;inset:0;background:var(--bg-overlay);opacity:0;transition:opacity .2s ease}.drawer-root.in .drawer-backdrop{opacity:1}.drawer{position:absolute;top:0;bottom:0;left:0;width:min(300px,82vw);padding:calc(var(--safe-top) + var(--space-4)) 0 var(--safe-bottom);background:var(--bg-surface);border-right:1px solid var(--border-strong);transform:translate(-100%);transition:transform .2s ease;display:flex;flex-direction:column}.drawer-root.in .drawer{transform:none}.drawer-title{padding:0 var(--space-5) var(--space-4);color:var(--text-primary);font-size:var(--font-size-md);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-2)}.drawer-item{display:flex;align-items:center;gap:var(--space-3);min-height:52px;padding:0 var(--space-5);text-align:left;font-size:var(--font-size-md);color:var(--text-body);border-left:2px solid transparent}.drawer-item.on{color:var(--text-accent-gold);border-left-color:var(--accent-gold);background:var(--accent-gold-dim)}.drawer-sep{height:1px;background:var(--border-subtle);margin:var(--space-2) 0}.widget{position:fixed;z-index:40;display:grid;place-items:center;color:var(--accent-gold);background:var(--accent-gold);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:.55;touch-action:none;transition:opacity .2s ease,transform .15s ease}.widget:before{content:"";position:absolute;inset:2px;background:var(--bg-elevated);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.widget svg{position:relative}.widget:active,.widget.dragging,.widget.open{opacity:1}.widget.dragging{transform:scale(1.08)}.journal-keys{display:flex;gap:var(--space-2)}.journal-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:2px;flex-shrink:0;scrollbar-width:none}.journal-tabs::-webkit-scrollbar{display:none}.journal-note{display:flex;flex-direction:column;gap:var(--space-3)}.journal-text{min-height:44vh}.journal-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0;color:var(--text-secondary)}.btn.compact{min-height:36px;padding:0 var(--space-4)}.reposition-box{position:relative;width:100%;aspect-ratio:3 / 2;background:var(--bg-elevated);overflow:hidden;touch-action:none;border:1px solid var(--border-default)}.reposition-box img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.reposition-frame{position:absolute;border:2px solid var(--accent-gold);box-shadow:0 0 0 999px #010a1399;pointer-events:none}.champion-bar{padding-left:var(--space-1)}.namebox{flex:1;min-width:0;display:flex;flex-direction:column;padding:0 var(--space-1)}.name-input,.title-input{width:100%;background:transparent;border:0;outline:none;color:var(--text-bright);padding:0;text-overflow:ellipsis}.name-input{font-size:var(--font-size-lg);font-weight:500;letter-spacing:var(--tracking-normal);line-height:1.25}.title-input{font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.3}.name-input::placeholder,.title-input::placeholder{color:var(--text-placeholder)}.name-input:focus,.title-input:focus{border-bottom:1px solid var(--border-focus)}.champion-scroll{padding-bottom:calc(var(--space-6) + var(--safe-bottom))}.tab-body{display:flex;flex-direction:column;gap:var(--space-4)}.splash-card{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-elevated);border:1px solid var(--border-default);overflow:hidden;display:block}.splash-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.splash-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-size-sm)}.inline-add{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.inline-add .field{flex:1}.keystrip{display:flex;gap:var(--space-2)}.key{position:relative;flex:1;aspect-ratio:1;max-height:64px;display:grid;place-items:center;background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--font-size-lg);letter-spacing:var(--tracking-normal);overflow:hidden}.key img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.key.on{border-color:var(--accent-gold);color:var(--text-accent-gold);background:var(--accent-gold-dim);box-shadow:inset 0 0 0 1px var(--accent-gold)}.key.small{flex:0 0 44px;height:44px;max-height:none;font-size:var(--font-size-md)}.key.filled:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:var(--accent-gold);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.partsrow{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4)}.partsrow::-webkit-scrollbar{display:none}.chip.add{color:var(--text-accent-gold);border-style:dashed;border-color:var(--tag-gold-border)}.editor{display:flex;flex-direction:column;gap:var(--space-3)}.name-row{display:flex;gap:var(--space-3);align-items:stretch}.name-field{flex:1;font-size:var(--font-size-md);font-weight:500;letter-spacing:var(--tracking-normal);text-transform:uppercase}.icon-tile{flex:0 0 var(--touch-min);height:var(--touch-min);display:grid;place-items:center;background:var(--bg-input);border:1px dashed var(--tag-gold-border);color:var(--text-muted);overflow:hidden}.icon-tile img{width:100%;height:100%;object-fit:cover}.link-danger{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);color:var(--text-danger);font-size:var(--font-size-sm)}.present{position:fixed;inset:0;background:var(--bg-base);overflow:hidden;color:var(--text-body)}.present-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.present-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#010a1326,#010a1359 45%,#010a13eb)}.pager{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.pager::-webkit-scrollbar{display:none}.page{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.page-scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;padding:calc(var(--safe-top) + 72px) var(--space-6) calc(var(--safe-bottom) + 88px);background:#010a13d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-heading{font-size:var(--font-size-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-accent-gold);margin-bottom:var(--space-4)}.cover{display:flex;align-items:flex-end}.cover-text{padding:var(--space-6) var(--space-6) calc(var(--safe-bottom) + 96px);width:100%}.cover-name{font-size:var(--font-size-3xl);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-bright);line-height:1.05;text-shadow:0 2px 16px rgba(0,0,0,.7)}.cover-title{margin-top:var(--space-2);font-size:var(--font-size-md);letter-spacing:var(--tracking-wider);color:var(--text-accent-gold);text-transform:uppercase}.cover-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.cover-tag{padding:2px var(--space-3);border:1px solid var(--tag-gold-border);color:var(--tag-gold-text);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;background:#010a1380}.cover-playstyle{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--text-secondary)}.lore-text{font-size:var(--font-size-md);line-height:1.75;color:var(--text-body);white-space:pre-wrap}.lore-empty{color:var(--text-muted)}.present-keys{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.present-key-item{width:60px;display:flex;flex-direction:column;align-items:center;gap:6px}.present-key{position:relative;width:56px;height:56px;display:grid;place-items:center;background:var(--bg-surface);border:1px solid var(--tag-gold-border);color:var(--text-secondary);font-size:var(--font-size-lg);overflow:hidden}.present-key img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.present-key.on{border-color:var(--accent-gold);box-shadow:0 0 0 1px var(--accent-gold);color:var(--text-accent-gold)}.present-key-name{font-size:var(--font-size-xs);text-align:center;color:var(--text-muted);line-height:1.2;min-height:2.4em}.present-key-name.on{color:var(--text-accent-gold)}.spotlight{margin-top:var(--space-6);padding:var(--space-4);border:1px solid var(--border-default);border-left:2px solid var(--accent-gold);background:#0a1428bf}.spotlight-type{font-size:var(--font-size-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-accent-gold)}.spotlight-parts{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.spotlight-name{margin-top:var(--space-3);font-size:var(--font-size-xl);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-bright)}.spotlight-desc{margin-top:var(--space-2);font-size:var(--font-size-md);line-height:1.65;white-space:pre-wrap}.spotlight-condition{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--text-accent-hex)}.indicator{position:absolute;left:0;right:0;bottom:calc(var(--safe-bottom) + 22px);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none}.indicator-label{font-size:var(--font-size-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-secondary)}.indicator-dots{display:flex;gap:var(--space-2)}.dot{width:8px;height:8px;background:var(--border-strong);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:all .2s ease}.dot.on{background:var(--accent-gold);transform:scale(1.35)}.present-exit{position:absolute;top:calc(var(--safe-top) + var(--space-3));right:var(--space-3);width:var(--touch-min);height:var(--touch-min);display:grid;place-items:center;color:var(--text-bright);background:#010a1399;border:1px solid var(--border-strong);opacity:0;pointer-events:none;transition:opacity .25s ease}.present-exit.show{opacity:1;pointer-events:auto}:root{--primitive-navy-950: #010a13;--primitive-navy-900: #0a1428;--primitive-navy-850: #0d1a2a;--primitive-navy-800: #1e2328;--primitive-navy-750: #2a3040;--primitive-navy-700: #3c3c41;--primitive-navy-600: #7c7c8a;--primitive-gold-200: #f0e6d3;--primitive-gold-300: #e8d5a3;--primitive-gold-400: #c8aa6e;--primitive-gold-500: #c89b3c;--primitive-gold-600: #a07830;--primitive-gold-700: #785a28;--primitive-hex-300: #7ef6ff;--primitive-hex-400: #0bc4e3;--primitive-hex-500: #0a8fa8;--primitive-red-500: #c04040;--primitive-red-300: #e06060;--primitive-green-500: #1d9e75}:root{--bg-base: var(--primitive-navy-950);--bg-surface: var(--primitive-navy-900);--bg-elevated: var(--primitive-navy-850);--bg-input: var(--primitive-navy-900);--bg-hover: var(--primitive-navy-800);--bg-overlay: rgba(1, 10, 19, .88);--bg-sidebar: #0b0b14;--border-subtle: #111118;--border-default: #1e2840;--border-strong: var(--primitive-navy-700);--border-focus: var(--primitive-gold-500);--border-accent: var(--primitive-hex-400);--border-danger: var(--primitive-red-500);--text-placeholder: #a0a0b4;--text-muted: #a0a0b4;--text-secondary: #b8b8ca;--text-body: #cdd0dc;--text-primary: var(--primitive-gold-400);--text-bright: var(--primitive-gold-200);--text-inverse: #2a1a08;--text-accent-gold: var(--primitive-gold-500);--text-accent-hex: var(--primitive-hex-400);--text-danger: var(--primitive-red-300);--tag-gold-text: rgba(226, 190, 120, .92);--tag-gold-border: rgba(200, 155, 60, .4);--accent-gold: var(--primitive-gold-500);--accent-gold-hover: var(--primitive-gold-600);--accent-gold-active: var(--primitive-gold-700);--accent-gold-dim: rgba(200, 155, 60, .08);--accent-gold-dim-hover:rgba(200, 155, 60, .14);--accent-hex: var(--primitive-hex-400);--accent-hex-bright: var(--primitive-hex-300);--accent-hex-deep: var(--primitive-hex-500);--accent-hex-glow: rgba(11, 196, 227, .3);--accent-hex-dim: rgba(11, 196, 227, .08);--accent-danger: var(--primitive-red-500);--accent-danger-hover: var(--primitive-red-300);--accent-success: var(--primitive-green-500);--interactive-default: var(--primitive-navy-700);--interactive-hover: var(--primitive-navy-750);--interactive-active: var(--primitive-navy-800);--interactive-disabled: var(--primitive-navy-700);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--tracking-tight: .02em;--tracking-normal: .05em;--tracking-wide: .08em;--tracking-wider: .1em;--tracking-widest: .16em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--appbar-height: 56px;--navbar-height: 56px;--touch-min: 44px;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--transition-spring: .5s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html{background:var(--bg-base);color-scheme:dark}body{background:var(--bg-base);color:var(--text-body);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button{font-family:inherit;cursor:pointer;color:inherit;background:none;border:0}input,textarea,select{font-family:inherit;font-size:var(--font-size-md);color:inherit}body{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}::selection{background:var(--accent-gold-dim-hover);color:var(--text-bright)}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.boot{display:grid;place-items:center;height:100%;color:var(--text-primary);letter-spacing:var(--tracking-widest);text-transform:uppercase}.field{width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border-default);border-radius:0;color:var(--text-bright);outline:none;line-height:1.45}.field::placeholder{color:var(--text-placeholder)}.field:focus{border-color:var(--border-focus)}.field-area{resize:none;overflow:hidden;min-height:96px;display:block}.field-label{font-size:var(--font-size-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{min-height:36px;padding:0 var(--space-3);border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:var(--tracking-normal);white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-1)}.chip.on{border-color:var(--accent-gold);color:var(--text-accent-gold);background:var(--accent-gold-dim)}.chip:active{border-color:var(--accent-gold)}.sheet-message{color:var(--text-secondary);line-height:1.55}.muted{color:var(--text-muted);font-size:var(--font-size-sm)}.screen{position:fixed;inset:0;bottom:var(--kb, 0px);display:flex;flex-direction:column;background:var(--bg-base)}.appbar{display:flex;align-items:center;gap:var(--space-1);min-height:calc(var(--appbar-height) + var(--safe-top));padding:var(--safe-top) var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-base);flex-shrink:0}.scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4) var(--space-4) calc(96px + var(--safe-bottom))}