:root{--canvas: #08080a;--surface: #0b0b0e;--card: #151518;--elevated: #1c1c20;--overlay: #222226;--border: #28282e;--border-elevated: #32323a;--text-primary: #ffffff;--text-secondary: #9e9ea7;--text-tertiary: #6e6e77;--amber: #ffaa00;--orange: #ff5500;--magenta: #e1007a;--sunset: linear-gradient(135deg, #ffaa00 0%, #ff5500 50%, #e1007a 100%);--success: #4ade80;--warning: var(--amber);--danger: #ff6b5e;--radius-sm: 4px;--radius: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--font-headline: "Outfit", "Segoe UI", system-ui, sans-serif;--font-body: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-raised: 0 8px 24px -8px rgba(0, 0, 0, .7);--shadow-sunset: 0 8px 24px -4px rgba(255, 85, 0, .25), 0 4px 12px -2px rgba(225, 0, 122, .2);--nav-width: 244px;--topbar-height: 60px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:22px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-headline);margin:0;color:var(--text-primary)}h1{font-size:30px;font-weight:600;line-height:36px;letter-spacing:-.02em}h2{font-size:20px;font-weight:600;line-height:26px;letter-spacing:-.01em}h3{font-size:16px;font-weight:600;line-height:22px}p{margin:0}a{color:var(--orange);text-decoration:none;transition:color .15s ease}a:hover{color:var(--amber)}img{max-width:100%}::selection{background:#ff55004d}:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.app-shell{display:flex;min-height:100%;background:var(--canvas)}.nav-rail{position:sticky;top:0;z-index:20;display:flex;height:100vh;width:var(--nav-width);flex-direction:column;flex-shrink:0;gap:4px;overflow-y:auto;border-right:1px solid var(--border);background:var(--surface);padding:20px 12px}.nav-section{margin:16px 0 4px;padding:0 12px;color:var(--text-tertiary);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-link{position:relative;display:flex;align-items:center;gap:10px;border-radius:var(--radius);padding:9px 12px;color:var(--text-secondary);font-size:14px;font-weight:600;transition:background .15s ease,color .15s ease}button.nav-link{width:100%;border:none;background:transparent;font-family:var(--font-body);text-align:left;cursor:pointer}.nav-link:hover{background:var(--elevated);color:var(--text-primary)}.nav-link.is-active{background:#ff55001f;color:var(--amber)}.nav-link.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:var(--radius-full);background:var(--sunset)}.nav-link .nav-icon{width:18px;text-align:center;font-size:15px;line-height:1}.nav-spacer{flex:1}.app-main{display:flex;min-width:0;flex:1;flex-direction:column}.topbar{position:sticky;top:0;z-index:15;display:flex;height:var(--topbar-height);align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.06);background:#0b0b0ed1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:0 24px}.topbar-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-headline);font-size:15px;font-weight:600;color:var(--text-secondary)}.page{width:100%;max-width:1080px;margin:0 auto;padding:28px 24px 64px}.page-narrow{max-width:660px}.page-header{margin-bottom:24px}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-subtitle{margin-top:6px;max-width:68ch;color:var(--text-secondary);font-size:14px}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;color:var(--text-secondary);font-size:13px;font-weight:600}.back-link:hover{color:var(--text-primary)}.brand{display:flex;align-items:center;gap:10px;padding:4px 12px 12px}.brand-mark{height:32px;width:32px;flex-shrink:0;object-fit:contain}.brand-tagline{margin-top:1px;font-size:11px;font-style:italic;color:var(--text-secondary)}.brand-name{font-family:var(--font-headline);font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.brand-space{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.section{margin-top:28px}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.section-hint{margin-top:4px;max-width:68ch;color:var(--text-secondary);font-size:13px;line-height:19px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);padding:18px;box-shadow:var(--shadow-card)}.card+.card{margin-top:12px}.grid-cards .card+.card,.grid-2 .card+.card{margin-top:0}.card-compact{padding:14px 16px;border-radius:var(--radius-md)}.card-link{display:block;color:inherit;transition:border-color .15s ease,background .15s ease,transform .15s ease}.card-link:hover{border-color:var(--border-elevated);background:var(--elevated);color:inherit;transform:translateY(-1px)}.card-title{font-family:var(--font-headline);font-size:16px;font-weight:600;color:var(--text-primary)}.card-meta{color:var(--text-secondary);font-size:13px;line-height:19px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.stat{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);padding:14px 16px}.stat-value{font-family:var(--font-headline);font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.stat-value.is-accent{color:var(--amber)}.stat-label{margin-top:2px;color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius);padding:9px 16px;min-height:38px;background:var(--elevated);color:var(--text-primary);border-color:var(--border);font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background .15s ease,opacity .15s ease,transform .1s ease}.btn:hover:not(:disabled){border-color:var(--text-tertiary)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{border-color:transparent;background:var(--sunset);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:var(--shadow-sunset)}.btn-primary:hover:not(:disabled){border-color:transparent;filter:brightness(1.08)}.btn-ghost{border-color:transparent;background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){border-color:transparent;background:var(--elevated);color:var(--text-primary)}.btn-success{border-color:#4ade8059;background:#4ade801a;color:var(--success)}.btn-success:hover:not(:disabled){border-color:var(--success)}.btn-danger{border-color:#ff6b5e59;background:#ff6b5e1a;color:var(--danger)}.btn-danger:hover:not(:disabled){border-color:var(--danger)}.btn-sm{min-height:30px;padding:5px 11px;font-size:13px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.04em}.field-hint{color:var(--text-tertiary);font-size:12px;line-height:17px}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);padding:10px 12px;min-height:42px;color:var(--text-primary);font-family:var(--font-body);font-size:15px;transition:border-color .15s ease,box-shadow .15s ease}.textarea{resize:vertical;line-height:21px}.input::placeholder,.textarea::placeholder{color:var(--text-tertiary)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px #ff550026}.input:disabled,.select:disabled,.textarea:disabled{opacity:.55}.input[readonly],.textarea[readonly]{background:var(--surface);color:var(--text-secondary);cursor:default}.input[readonly]:focus,.textarea[readonly]:focus{border-color:var(--border);box-shadow:none}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.select option{background:var(--overlay);color:var(--text-primary)}.input[type=file]{padding:8px 12px;color:var(--text-secondary);font-size:13px;cursor:pointer}.input[type=file]::file-selector-button{margin-right:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--elevated);padding:6px 12px;color:var(--text-primary);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer}.input[type=date]::-webkit-calendar-picker-indicator,.input[type=time]::-webkit-calendar-picker-indicator,.input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.55;cursor:pointer}.input[type=date]::-webkit-calendar-picker-indicator:hover,.input[type=time]::-webkit-calendar-picker-indicator:hover,.input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}.checkbox{display:inline-flex;align-items:center;gap:9px;color:var(--text-primary);font-size:14px;cursor:pointer}.checkbox input[type=checkbox],.checkbox input[type=radio],.choice input[type=checkbox],.choice input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;width:18px;flex-shrink:0;margin:0;border:1px solid var(--border-elevated);border-radius:var(--radius-sm);background:var(--card);cursor:pointer;transition:border-color .15s ease}.checkbox input[type=radio],.choice input[type=radio]{border-radius:var(--radius-full)}.checkbox input:hover,.choice input:hover{border-color:var(--text-tertiary)}.checkbox input:checked,.choice input:checked{border-color:transparent;background:var(--sunset)}.checkbox input[type=checkbox]:checked:after,.choice input[type=checkbox]:checked:after{content:"";display:block;height:8px;width:4px;margin:2px auto 0;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox input[type=radio]:checked:after,.choice input[type=radio]:checked:after{content:"";display:block;height:6px;width:6px;margin:5px auto;border-radius:var(--radius-full);background:#fff}.choice-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.choice{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);padding:11px 13px;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.choice:hover{border-color:var(--border-elevated);color:var(--text-primary)}.choice.is-active{border-color:var(--orange);background:#ff55001a;color:var(--amber)}.fieldset{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:18px}.fieldset-legend{margin-bottom:12px;font-family:var(--font-headline);font-size:15px;font-weight:600;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--elevated);padding:3px 10px;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.badge-accent{border-color:var(--orange);background:#ff55001f;color:var(--amber)}.badge-success{border-color:#4ade8059;background:#4ade801a;color:var(--success)}.badge-warning{border-color:#ffaa0059;background:#ffaa001a;color:var(--amber)}.badge-danger{border-color:#ff6b5e59;background:#ff6b5e1a;color:var(--danger)}.badge-live{border-color:#e1007a66;background:#e1007a1f;color:#fff}.badge-live:before{content:"";height:6px;width:6px;border-radius:var(--radius-full);background:var(--magenta);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.badge-live:before{animation:none}}.alert{display:flex;gap:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);padding:11px 14px;font-size:14px;line-height:20px}.alert-error{border-color:#ff6b5e59;background:#ff6b5e14;color:var(--danger)}.alert-success{border-color:#4ade804d;background:#4ade8014;color:var(--success)}.alert-info{border-color:var(--border);background:var(--card);color:var(--text-secondary)}.alert-warning{border-color:#ffaa004d;background:#ffaa0014;color:var(--amber)}.empty{border:1px dashed var(--border-elevated);border-radius:var(--radius-lg);background:var(--surface);padding:28px 20px;text-align:center;color:var(--text-secondary);font-size:14px}.empty-title{margin-bottom:4px;font-family:var(--font-headline);font-size:15px;font-weight:600;color:var(--text-primary)}.loading{color:var(--text-tertiary);font-size:14px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{border-bottom:1px solid var(--border);background:var(--surface);padding:9px 14px;text-align:left;color:var(--text-tertiary);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.table td{border-bottom:1px solid rgba(255,255,255,.05);padding:10px 14px;color:var(--text-primary)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--elevated)}.row-list{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);overflow:hidden}.row-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.05);padding:13px 16px;flex-wrap:wrap}.row-item:last-child{border-bottom:none}.row-item:hover{background:var(--elevated)}.row-main{min-width:0;flex:1}.row-title{font-size:14px;font-weight:600;color:var(--text-primary)}.row-meta{margin-top:2px;color:var(--text-secondary);font-size:13px}.thumb{flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius);object-fit:cover;background:var(--elevated)}.thumb-placeholder{display:grid;flex-shrink:0;place-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--elevated);color:var(--text-tertiary)}.embed-frame{display:inline-block;overflow:hidden;border:1px solid var(--border-elevated);border-radius:var(--radius-md);background:var(--elevated);padding:8px;line-height:0}.quote{border-left:2px solid var(--border-elevated);margin:0;padding-left:12px;color:var(--text-secondary);font-size:14px;line-height:20px}.divider{height:1px;border:0;margin:16px 0;background:var(--border)}.space-switch{display:inline-flex;gap:2px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:2px}.space-switch a{border-radius:6px;padding:5px 11px;color:var(--text-secondary);font-size:12px;font-weight:600;transition:background .15s ease,color .15s ease}.space-switch a:hover{background:var(--elevated);color:var(--text-primary)}.space-switch a.is-active{background:var(--elevated);color:var(--amber)}.stack{display:flex;flex-direction:column;gap:12px}.stack-sm{gap:8px}.stack-lg{gap:20px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-top{align-items:flex-start}.row-tight{gap:6px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.flex-1{flex:1;min-width:0}.muted{color:var(--text-secondary)}.dim{color:var(--text-tertiary)}.accent{color:var(--amber)}.text-sm{font-size:13px;line-height:19px}.text-xs{font-size:12px;line-height:17px}.strong{font-weight:600}.mt-0{margin-top:0}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.ml-auto{margin-left:auto}.center{text-align:center}.break-all{word-break:break-all}.auth-screen{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:24px;background:radial-gradient(60% 50% at 50% 0%,rgba(255,85,0,.1) 0%,transparent 70%),radial-gradient(45% 40% at 85% 95%,rgba(225,0,122,.08) 0%,transparent 70%),var(--canvas)}.auth-card{width:100%;max-width:400px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);padding:30px;box-shadow:var(--shadow-raised)}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;text-align:center}.auth-title{font-family:var(--font-headline);font-size:22px;font-weight:700;letter-spacing:-.02em}.auth-subtitle{color:var(--text-secondary);font-size:13px}.tabs{display:flex;gap:4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:4px;margin-bottom:20px}.tab{flex:1;border:none;border-radius:var(--radius);background:transparent;padding:8px;color:var(--text-secondary);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.tab:hover:not(.is-active){color:var(--text-primary)}.tab.is-active{position:relative;background:var(--elevated);color:var(--text-primary);cursor:default}.tab.is-active:after{position:absolute;bottom:2px;left:14px;right:14px;height:2px;border-radius:var(--radius-full);background:var(--sunset);content:""}.btn.is-active{border-color:var(--orange);color:var(--amber)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#040406b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:modal-fade .15s ease}.modal{display:flex;max-height:calc(100vh - 48px);width:min(560px,100%);flex-direction:column;overflow:hidden;border:1px solid var(--border-elevated);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-raised);animation:modal-rise .18s ease}.modal-lg{width:min(760px,100%)}.modal-header{display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid var(--border);padding:18px 20px}.modal-title{margin:0;font-family:var(--font-headline);font-size:17px;font-weight:700;color:var(--text-primary)}.modal-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.modal-body{overflow-y:auto;padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);padding:14px 20px}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:translateY(8px)}}.icon-btn{display:grid;height:32px;width:32px;flex-shrink:0;place-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--elevated);color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease}.icon-btn:hover{border-color:var(--border-elevated);color:var(--text-primary)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}.pagination-info{font-size:13px;color:var(--text-tertiary)}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-page{min-width:68px;text-align:center;font-size:13px;font-weight:600;color:var(--text-secondary)}.media-button{display:block;border:none;background:none;padding:0;cursor:zoom-in;line-height:0}.media-video{max-height:200px;border:1px solid var(--border);border-radius:var(--radius);background:#000}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:32px;border:none;background:#040406e6;cursor:zoom-out;animation:modal-fade .15s ease}.lightbox img,.lightbox video{max-height:calc(100vh - 64px);max-width:100%;border-radius:var(--radius-md)}.detail-grid{display:grid;gap:2px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detail-item{padding:10px 0}.detail-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.detail-value{margin-top:3px;font-size:14px;color:var(--text-primary);overflow-wrap:anywhere}.viz{--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--viz-grid: #26262c;--viz-axis: var(--text-tertiary);--step-1: #6b4a2a;--step-2: #b5722f;--step-3: #f0a24a}.chart-figure{margin:0}.chart-caption{margin:0 0 10px;font-size:13px;color:var(--text-secondary)}.chart-svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid-line{stroke:var(--viz-grid);stroke-width:1}.chart-axis-label{fill:var(--text-tertiary);font-family:var(--font-body);font-size:10px}.chart-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart-dot{stroke:var(--card);stroke-width:2}.chart-hit{fill:transparent;cursor:crosshair}.chart-crosshair{stroke:var(--border-elevated);stroke-width:1;stroke-dasharray:3 3}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;padding-top:10px}.chart-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.chart-swatch{height:10px;width:10px;flex-shrink:0;border-radius:2px}.chart-tooltip{position:absolute;z-index:5;min-width:150px;border:1px solid var(--border-elevated);border-radius:var(--radius);background:var(--overlay);padding:8px 10px;box-shadow:var(--shadow-raised);font-size:12px;pointer-events:none}.chart-tooltip-title{margin-bottom:4px;font-weight:700;color:var(--text-primary)}.chart-tooltip-row{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.chart-tooltip-row .chart-swatch{height:8px;width:8px}.chart-tooltip-value{margin-left:auto;font-weight:600;color:var(--text-primary)}.chart-wrap{position:relative}.stack-bar{display:flex;height:16px;overflow:hidden;border-radius:var(--radius-full);background:var(--elevated)}.stack-segment+.stack-segment{border-left:2px solid var(--card)}.bar-row{display:grid;align-items:center;gap:10px;grid-template-columns:minmax(0,1fr) 64px;padding:7px 0}.bar-track{height:8px;border-radius:var(--radius-full);background:var(--elevated)}.bar-fill{height:100%;border-radius:var(--radius-full);background:var(--series-1)}.bar-label{display:block;margin-bottom:5px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary)}.bar-value{text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.nav-badge{margin-left:auto;min-width:20px;border-radius:var(--radius-full);background:var(--danger);padding:1px 6px;text-align:center;color:#1a0603;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.choice-tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.choice-tile{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--elevated);padding:18px 16px;text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.choice-tile:hover{border-color:var(--border-elevated)}.choice-tile.is-active{border-color:var(--orange);background:var(--overlay)}.choice-tile input{position:absolute;opacity:0;pointer-events:none}.choice-illustration{width:100%;max-width:132px;height:auto}.choice-tile-title{font-family:var(--font-headline);font-size:15px;font-weight:700;color:var(--text-primary)}.choice-tile-hint{font-size:12px;line-height:1.45;color:var(--text-secondary)}.cover-preview{display:block;width:100%;max-width:360px;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:var(--radius);background:var(--elevated);object-fit:cover}@media(max-width:900px){.app-shell{flex-direction:column}.nav-rail{height:auto;width:100%;flex-direction:row;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--border);padding:10px 16px}.nav-rail .brand{padding:0 8px 0 0}.nav-rail .brand-text,.nav-section,.nav-spacer{display:none}.nav-link{white-space:nowrap;padding:7px 11px}.nav-link.is-active:before{display:none}.topbar{padding:0 16px}.page{padding:20px 16px 48px}}@media(max-width:640px){.grid-2{grid-template-columns:1fr}.page-header-row{flex-direction:column;align-items:stretch}}@media(max-width:560px){h1{font-size:24px;line-height:30px}.topbar-title{display:none}.card{padding:15px}}