.segmented{display:flex;background:var(--border-soft);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--space-5)}.seg-btn{flex:1;padding:9px 0;border:none;background:transparent;border-radius:13px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--muted);transition:all var(--motion-fast) var(--ease-standard);cursor:pointer}.seg-btn.active{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:0 1px 3px #10182814}.ref-area{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.ref-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) 0;border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--muted);cursor:pointer}.ref-empty svg{width:32px;height:32px;color:var(--muted)}.ref-empty .ref-hint{font-size:var(--text-sm);font-weight:500}.ref-empty .ref-sub{font-size:var(--text-xs)}.ref-preview{display:flex;align-items:center;gap:var(--space-3)}.ref-thumb{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.ref-info{flex:1}.ref-info .ref-name{font-size:var(--text-sm);font-weight:500;color:var(--fg)}.ref-info .ref-meta{font-size:var(--text-xs);color:var(--muted);font-family:var(--font-mono);margin-top:2px}.ref-remove{padding:6px 12px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:500;color:var(--danger);cursor:pointer}.prompt-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.prompt-input{width:100%;min-height:100px;border:none;background:transparent;resize:none;font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--fg);outline:none}.prompt-input::placeholder{color:var(--muted)}.prompt-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-soft)}.char-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;transition:all var(--motion-fast) var(--ease-standard);cursor:pointer}.btn:active{transform:scale(.98)}.btn svg{width:18px;height:18px}.btn-refine{padding:12px var(--space-5);background:var(--surface);color:var(--fg-2);border-color:var(--border);font-size:var(--text-sm);font-weight:500}.btn-refine:active{background:var(--surface-warm)}.btn-generate{flex:1;padding:13px var(--space-5);background:var(--accent);color:var(--accent-on);border-color:var(--accent);font-size:var(--text-base)}.btn-generate:active{background:var(--accent-active)}.btn-generate.loading{pointer-events:none;opacity:.85}.btn-generate.loading .btn-label:after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid var(--accent-on);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-3) 0}.presets-scroll{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);margin:0 calc(-1 * var(--space-5));padding-left:var(--space-5);padding-right:var(--space-5);-webkit-overflow-scrolling:touch;scrollbar-width:none}.presets-scroll::-webkit-scrollbar{display:none}.preset-chip{flex-shrink:0;width:76px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:0;border:none;background:transparent;cursor:pointer}.preset-thumb{width:76px;height:76px;border-radius:var(--radius-md);border:2px solid transparent;transition:border-color var(--motion-fast) var(--ease-standard);position:relative;overflow:hidden}.preset-chip.active .preset-thumb{border-color:var(--accent)}.preset-chip.active .preset-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 2px var(--accent-on)}.preset-name{font-size:var(--text-xs);font-weight:500;color:var(--muted);transition:color var(--motion-fast)}.preset-chip.active .preset-name{color:var(--accent);font-weight:600}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:var(--space-6);overflow:hidden}.setting-row{padding:var(--space-4);border-bottom:1px solid var(--border-soft)}.setting-row:last-child{border-bottom:none}.setting-row .setting-head{font-size:var(--text-sm);font-weight:600;color:var(--fg);margin-bottom:var(--space-3)}.pill-group{display:flex;gap:var(--space-2);flex-wrap:wrap}.pill-opt{padding:7px 14px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:500;color:var(--muted);font-family:var(--font-mono);transition:all var(--motion-fast) var(--ease-standard);cursor:pointer}.pill-opt.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.model-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.model-row .model-label{font-size:var(--text-sm);font-weight:600;color:var(--fg)}.model-row .model-current{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--muted)}.model-row .model-current svg{width:16px;height:16px}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182866;transition:opacity var(--motion-base) var(--ease-standard);z-index:300}.sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--surface);border-radius:24px 24px 0 0;padding:var(--space-2) var(--space-5) var(--space-8);z-index:301;max-height:70%;overflow-y:auto;padding-bottom:max(var(--space-8),env(safe-area-inset-bottom,0px))}.sheet-handle{width:40px;height:5px;background:var(--border);border-radius:3px;margin:0 auto var(--space-4)}.sheet h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-5);color:var(--fg)}.model-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast);width:100%;border:none;background:transparent;text-align:left}.model-option:active{background:var(--surface-warm)}.model-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;margin-top:1px;display:grid;place-items:center;transition:border-color var(--motion-fast)}.model-option.selected .model-radio{border-color:var(--accent)}.model-option.selected .model-radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent)}.model-info{flex:1}.model-info .model-name{font-size:var(--text-base);font-weight:600;color:var(--fg)}.model-info .model-desc{font-size:var(--text-sm);color:var(--muted);margin-top:2px}.setting-desc{display:block;font-size:var(--text-xs);font-weight:400;color:var(--muted);margin-top:2px;letter-spacing:0;text-transform:none}.xtra-toggle{width:44px;height:26px;border-radius:var(--radius-pill);border:none;background:var(--border);cursor:pointer;position:relative;transition:background var(--motion-fast) var(--ease-standard);padding:0}.xtra-toggle.active{background:var(--accent)}.xtra-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);transition:transform var(--motion-fast) var(--ease-standard);box-shadow:0 1px 3px #0000001f}.xtra-toggle.active .xtra-toggle-knob{transform:translate(18px)}.header-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);margin-left:var(--space-2)}.resize-bar{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-5) var(--space-3);flex-shrink:0}.resize-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);flex-shrink:0;letter-spacing:.04em;text-transform:uppercase}.resize-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none}.resize-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);cursor:pointer;box-shadow:0 2px 6px #2563eb40}.resize-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);cursor:pointer}.resize-icons{display:flex;align-items:center;gap:4px;color:var(--muted)}.resize-icons svg{width:14px;height:14px}.resize-icons svg:nth-child(2){width:18px;height:18px}.gallery-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,1fr);padding:0 var(--space-5) var(--space-8);transition:grid-template-columns var(--motion-base) var(--ease-standard)}.gallery-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr);gap:6px}.gallery-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr);gap:4px}.gallery-item{border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;position:relative;aspect-ratio:1 / 1;transition:transform var(--motion-fast) var(--ease-standard);text-decoration:none;color:inherit}.gallery-item:active{transform:scale(.96)}.gallery-item .art{width:100%;height:100%;display:block;object-fit:cover}.gallery-item .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%);opacity:0;transition:opacity var(--motion-fast);display:flex;align-items:flex-end;padding:var(--space-2)}.gallery-item:active .overlay{opacity:1}.gallery-item .overlay-text{font-size:10px;font-weight:500;color:var(--surface);font-family:var(--font-mono);line-height:1.3;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);gap:var(--space-3);text-align:center}.gallery-empty svg{width:48px;height:48px;color:var(--border)}.gallery-empty .empty-title{font-size:var(--text-lg);font-weight:600;color:var(--fg);margin:0}.gallery-empty .empty-sub{font-size:var(--text-sm);color:var(--muted);margin:0}.gallery-empty .empty-cta{margin-top:var(--space-4);padding:12px 24px;background:var(--accent);color:var(--accent-on);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);text-decoration:none}.detail-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);flex-shrink:0}.nav-btn{width:40px;height:40px;display:grid;place-items:center;border:none;background:transparent;border-radius:var(--radius-pill);color:var(--fg-2);text-decoration:none;transition:background var(--motion-fast) var(--ease-standard)}.nav-btn:active{background:var(--surface-warm)}.nav-btn svg{width:22px;height:22px}.nav-title{font-size:var(--text-sm);font-weight:600;color:var(--muted);font-family:var(--font-mono)}.image-stage{padding:0 var(--space-5) var(--space-5)}.full-image{width:100%;max-height:420px;border-radius:var(--radius-lg);object-fit:contain;background:var(--border-soft);box-shadow:0 12px 40px #10182826}.meta-card{margin:0 var(--space-5) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5)}.meta-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft)}.meta-row:last-child{border-bottom:none;padding-bottom:0}.meta-row:first-child{padding-top:0}.meta-key{font-size:var(--text-xs);font-weight:500;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;width:80px}.meta-val{font-size:var(--text-sm);color:var(--fg);text-align:right;flex:1;line-height:1.5}.meta-val.prompt{text-align:left;color:var(--fg-2);font-size:var(--text-sm);line-height:1.6}.action-bar{display:flex;gap:var(--space-3);padding:0 var(--space-5) var(--space-8);flex-shrink:0}.action-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-md);color:var(--fg-2);transition:all var(--motion-fast) var(--ease-standard);cursor:pointer}.action-btn:active{transform:scale(.97);background:var(--surface-warm)}.action-btn svg{width:22px;height:22px}.action-btn span{font-size:var(--text-xs);font-weight:500}.action-btn.danger{color:var(--danger);border-color:var(--danger-soft)}.action-btn.danger:active{background:var(--danger-soft)}.action-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.action-btn.primary:active{background:color-mix(in oklab,var(--accent),black 12%)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.dialog{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);max-width:280px;width:100%;text-align:center}.dialog h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-2);color:var(--fg)}.dialog p{font-size:var(--text-sm);color:var(--muted);margin:0 0 var(--space-5);line-height:1.5}.dialog-actions{display:flex;gap:var(--space-3)}.dialog-btn{flex:1;padding:11px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:none;transition:all var(--motion-fast);cursor:pointer}.dialog-btn:active{transform:scale(.97)}.dialog-btn.cancel{background:var(--surface-warm);color:var(--fg-2)}.dialog-btn.confirm{background:var(--danger);color:var(--surface)}.presets-list{padding:0 var(--space-5) var(--space-8)}.preset-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-fast)}.preset-item:active{background:var(--surface-warm)}.preset-thumb-sm{width:48px;height:48px;border-radius:var(--radius-sm);flex-shrink:0;background-size:cover;background-position:center;border:1px solid var(--border)}.preset-info{flex:1;min-width:0}.preset-info .preset-item-name{font-size:var(--text-sm);font-weight:600;color:var(--fg);margin-bottom:2px}.preset-info .preset-item-prompt{font-size:var(--text-xs);color:var(--muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-item-badge{font-size:10px;font-weight:500;padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-warm);color:var(--muted);flex-shrink:0}.preset-item-delete{width:32px;height:32px;display:grid;place-items:center;border:none;background:transparent;color:var(--danger);border-radius:var(--radius-pill);cursor:pointer;flex-shrink:0}.preset-item-delete:active{background:var(--danger-soft)}.preset-item-delete svg{width:16px;height:16px}.presets-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);gap:var(--space-3);text-align:center}.presets-empty svg{width:48px;height:48px;color:var(--border)}.presets-empty .empty-title{font-size:var(--text-lg);font-weight:600;color:var(--fg);margin:0}.presets-empty .empty-sub{font-size:var(--text-sm);color:var(--muted);margin:0}.fab{position:fixed;bottom:max(90px,calc(env(safe-area-inset-bottom,0px) + 90px));right:max(var(--space-6),calc(50% - 480px / 2 + var(--space-6)));z-index:150;width:48px;height:48px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-on);display:grid;place-items:center;box-shadow:0 6px 20px #2563eb59;cursor:pointer;transition:transform var(--motion-fast)}.fab:active{transform:scale(.94)}.fab svg{width:24px;height:24px}.edit-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182866;z-index:300}.edit-sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--surface);border-radius:24px 24px 0 0;padding:var(--space-2) var(--space-5) var(--space-8);z-index:301;padding-bottom:max(var(--space-8),env(safe-area-inset-bottom,0px))}.edit-sheet-handle{width:40px;height:5px;background:var(--border);border-radius:3px;margin:0 auto var(--space-4)}.edit-sheet h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-5);color:var(--fg)}.edit-field{margin-bottom:var(--space-4)}.edit-field label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--fg-2);margin-bottom:var(--space-2)}.edit-field input,.edit-field textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);color:var(--fg);outline:none;background:var(--surface)}.edit-field input:focus,.edit-field textarea:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.edit-field textarea{min-height:80px;resize:vertical;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.5}.edit-image-area{width:76px;height:76px;border-radius:var(--radius-md);border:2px dashed var(--border);margin-bottom:var(--space-4);display:grid;place-items:center;cursor:pointer;background-size:cover;background-position:center;position:relative;overflow:hidden;transition:border-color var(--motion-fast)}.edit-image-area:hover{border-color:var(--accent)}.edit-image-area svg{width:24px;height:24px;color:var(--muted)}.edit-sheet-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.edit-sheet-btn{flex:1;padding:12px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--motion-fast)}.edit-sheet-btn:active{transform:scale(.97)}.edit-sheet-btn.cancel{background:var(--surface-warm);border:none;color:var(--fg-2)}.edit-sheet-btn.save{background:var(--accent);border:none;color:var(--accent-on)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;z-index:310;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.confirm-dialog{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);max-width:280px;width:100%;text-align:center}.confirm-dialog h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-2);color:var(--fg)}.confirm-dialog p{font-size:var(--text-sm);color:var(--muted);margin:0 0 var(--space-5);line-height:1.5}.confirm-actions{display:flex;gap:var(--space-3)}.confirm-btn{flex:1;padding:11px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer}.confirm-btn:active{transform:scale(.97)}.confirm-btn.cancel{background:var(--surface-warm);color:var(--fg-2)}.confirm-btn.danger{background:var(--danger);color:var(--surface)}:root{--bg: #f5f8ff;--surface: #ffffff;--surface-warm: #eaf1ff;--fg: #101828;--fg-2: #344054;--muted: #667085;--meta: #2563eb;--border: #d7e0ef;--border-soft: #edf2f8;--accent: #2563eb;--accent-on: #ffffff;--accent-hover: color-mix(in oklab, var(--accent), black 8%);--accent-active: color-mix(in oklab, var(--accent), black 14%);--accent-soft: color-mix(in oklab, var(--accent) 12%, transparent);--success: #16a34a;--warn: #f59e0b;--danger: #ef4444;--danger-soft: color-mix(in oklab, var(--danger) 10%, transparent);--bezel: #0a0a0a;--font-display: Inter, system-ui, sans-serif;--font-body: Inter, system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 36px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--elev-ring: 0 0 0 1px var(--border);--elev-raised: 0 20px 52px rgba(16, 24, 40, .11);--elev-tabbar: 0 -1px 0 var(--border-soft);--focus-ring: 0 0 0 4px rgba(37, 99, 235, .22);--motion-fast: .15s;--motion-base: .24s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--art-1: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--art-2: linear-gradient(135deg, #f59e0b 0%, #ef4444 50%, #ec4899 100%);--art-3: linear-gradient(135deg, #06b6d4 0%, #3b82f6 50%, #6366f1 100%);--art-4: linear-gradient(135deg, #10b981 0%, #06b6d4 50%, #3b82f6 100%);--art-5: linear-gradient(135deg, #f43f5e 0%, #f59e0b 50%, #eab308 100%);--art-6: linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #3b82f6 100%);--art-7: linear-gradient(135deg, #14b8a6 0%, #10b981 50%, #84cc16 100%);--art-8: linear-gradient(135deg, #f97316 0%, #dc2626 50%, #7c2d12 100%);--art-9: linear-gradient(135deg, #6366f1 0%, #06b6d4 50%, #10b981 100%);--art-10: linear-gradient(135deg, #ec4899 0%, #8b5cf6 50%, #3b82f6 100%);--art-11: linear-gradient(135deg, #fbbf24 0%, #f97316 50%, #dc2626 100%);--art-12: linear-gradient(135deg, #0ea5e9 0%, #6366f1 50%, #a855f7 100%);--preset-cinematic: linear-gradient(160deg, #1e293b 0%, #475569 40%, #f59e0b 100%);--preset-anime: linear-gradient(160deg, #fce7f3 0%, #f9a8d4 40%, #c084fc 100%);--preset-digital: linear-gradient(160deg, #1e1b4b 0%, #4f46e5 40%, #06b6d4 100%);--preset-oil: linear-gradient(160deg, #78350f 0%, #b45309 40%, #fbbf24 100%);--preset-3d: linear-gradient(160deg, #18181b 0%, #3f3f46 40%, #a1a1aa 100%);--preset-water: linear-gradient(160deg, #e0f2fe 0%, #7dd3fc 40%, #0ea5e9 100%);--preset-pixel: linear-gradient(160deg, #14532d 0%, #22c55e 40%, #fde047 100%);--preset-photo: linear-gradient(160deg, #0c0a09 0%, #44403c 40%, #a8a29e 100%)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);font-family:var(--font-body);font-size:var(--text-base);line-height:1.52;-webkit-font-smoothing:antialiased}#root{width:100%;min-height:100vh;min-height:100dvh}.app-shell{width:100%;max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;position:relative}@media (max-width: 480px){.app-shell{max-width:100%}}.scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.tab-bar{display:flex;align-items:center;justify-content:space-around;padding:var(--space-2) 0 var(--space-6);background:color-mix(in oklab,var(--surface) 90%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-soft);flex-shrink:0;position:sticky;bottom:0;z-index:100}@media (max-width: 480px){.tab-bar{padding-bottom:max(var(--space-2),env(safe-area-inset-bottom,0px))}}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1) var(--space-6);text-decoration:none;color:var(--muted);transition:color var(--motion-fast)}.tab svg{width:24px;height:24px}.tab span{font-size:10px;font-weight:500}.tab.active{color:var(--fg)}.tab.active svg{color:var(--fg)}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:var(--fg);color:var(--surface);padding:10px var(--space-5);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;opacity:0;pointer-events:none;transition:all var(--motion-base) var(--ease-standard);z-index:250;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-5) var(--space-3);flex-shrink:0;padding-top:max(var(--space-2),env(safe-area-inset-top,0px))}.app-header h1{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.03em;margin:0;color:var(--fg)}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:none;background:transparent;border-radius:var(--radius-pill);color:var(--muted);transition:background var(--motion-fast) var(--ease-standard);cursor:pointer}.icon-btn:active{background:var(--surface-warm)}.icon-btn svg{width:22px;height:22px}