@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Instrument+Serif:ital@0;1&display=swap";:root{color-scheme:dark;--bg: #100e0d;--surface: #1a1715;--surface-muted: #221e1b;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--text: #f7f4f0;--text-soft: rgba(247, 244, 240, .72);--muted: rgba(247, 244, 240, .52);--accent: #ff6b2c;--accent-hover: #ff874f;--accent-soft: rgba(255, 107, 44, .14);--success: #6ee7b7;--success-soft: rgba(110, 231, 183, .12);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .12);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--shadow: 0 1px 3px rgba(0, 0, 0, .35);--radius: 12px;--radius-sm: 8px;--max-step: 560px;--max-wide: 720px;--font-display: "Instrument Serif", "Iowan Old Style", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--room: var(--bg);--room-deep: #0a0908;--room-raised: var(--surface);--room-line: var(--border);--room-line-strong: var(--border-strong);--room-text: var(--text);--room-text-soft: var(--text-soft);--room-text-faint: var(--muted);--room-accent: var(--accent);--room-accent-soft: var(--accent-soft);--screen-bg: #0a0908;--screen-raised: #1a1715;--screen-line: rgba(255, 255, 255, .12);--screen-line-strong: rgba(255, 255, 255, .2);--screen-text: #f7f4f0;--screen-text-soft: rgba(247, 244, 240, .72);--screen-text-faint: rgba(247, 244, 240, .55);--screen-accent: #ff6b2c;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-snap: cubic-bezier(.34, 1.3, .64, 1);--dur-fast: .18s;--dur-mid: .48s;--dur-slow: .9s}html[data-theme=light]{color-scheme:light;--bg: #faf8f5;--surface: #ffffff;--surface-muted: #f5f2ed;--border: #e7e2db;--border-strong: #d6d0c7;--text: #1c1917;--text-soft: #57534e;--muted: #6f6a63;--accent: #c2410c;--accent-hover: #9a3412;--accent-soft: #fff7ed;--success: #15803d;--success-soft: #f0fdf4;--warning: #a16207;--warning-soft: #fefce8;--danger: #b91c1c;--danger-soft: #fef2f2;--shadow: 0 1px 3px rgba(28, 25, 23, .06);--room-deep: #0a0908}*{box-sizing:border-box}html{background:var(--bg)}html[data-surface=room],html[data-surface=room] body{background:var(--room)}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}#root{min-height:100vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{min-height:52px;padding:.75rem 1.25rem;border:0;background:var(--accent);color:#14100d}html[data-theme=light] .btn--primary{color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{min-height:48px;padding:.65rem 1.1rem;border:1px solid var(--border);background:var(--surface);color:var(--text)}.btn--secondary:hover:not(:disabled){border-color:var(--muted)}.btn--ghost{min-height:40px;padding:.5rem .75rem;border:0;background:transparent;color:var(--text-soft)}.btn--ghost:hover:not(:disabled){color:var(--text)}.btn--danger{min-height:40px;padding:.5rem .85rem;border:1px solid transparent;background:var(--danger);color:#14100d}html[data-theme=light] .btn--danger{color:#fff}.btn--danger:hover:not(:disabled){opacity:.9}.btn--small{min-height:34px;padding:.35rem .65rem;font-size:.875rem}.btn--full{width:100%}.field{display:grid;gap:.5rem}.field__label{font-size:.9rem;font-weight:600;color:var(--text)}.field__input,.field__textarea,.field__select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.field__input,.field__select{min-height:48px;padding:.65rem .85rem}.field__textarea{padding:.85rem;resize:vertical;line-height:1.6}.field__textarea--hero{min-height:280px;font-size:1.02rem}.field__input:focus,.field__textarea:focus,.field__select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field__hint{font-size:.85rem;color:var(--muted);line-height:1.45}.field__check{display:inline-flex;align-items:center;gap:.55rem;font-size:.9rem;color:var(--text);cursor:pointer}.field__check input{width:18px;height:18px;accent-color:var(--accent)}.feedback{margin:0;border-radius:var(--radius-sm);padding:.85rem 1rem;font-size:.9rem;line-height:1.5}.feedback--error{background:var(--danger-soft);color:var(--danger)}.feedback--success{background:var(--success-soft);color:var(--success)}.feedback--warning{background:var(--warning-soft);color:var(--warning)}.feedback--info{background:var(--surface-muted);color:var(--text-soft)}.feedback-list{margin:.5rem 0 0;padding-left:1.1rem}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.card--muted{background:var(--surface-muted);box-shadow:none}.card--selectable{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.card--selectable:hover{border-color:var(--muted)}.card--selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.asset-card{display:grid;gap:0;overflow:hidden}.asset-card__media{position:relative;aspect-ratio:16 / 9;background:var(--surface-muted)}.asset-card__media img,.asset-card__media video{display:block;width:100%;height:100%;object-fit:cover}.asset-card__placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:.85rem}.asset-card__badge{position:absolute;top:.65rem;left:.65rem;padding:.2rem .55rem;border-radius:999px;background:#0000008c;color:#fff;font-size:.78rem;font-weight:600}.asset-card__body{display:grid;gap:.65rem;padding:.85rem}.asset-card__text{margin:0;color:var(--text-soft);font-size:.9rem;line-height:1.5}.asset-card__warning{font-size:.8rem;font-weight:600;color:var(--warning)}.scene-card{display:grid;gap:.75rem;padding:1rem}.scene-card__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.scene-card__index{font-weight:600;color:var(--text)}.scene-card__text{margin:0;padding:.75rem;border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-soft);font-size:.92rem;line-height:1.55}.progress-bar{height:4px;border-radius:999px;background:var(--surface-muted);overflow:hidden}.progress-bar__fill{height:100%;border-radius:999px;background:var(--accent);transition:width .4s ease}.progress-bar__fill--indeterminate{width:35%;animation:progress-slide 1.6s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.video-preview{display:block;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-sm);background:#000}.details-toggle{align-self:center;display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--accent);border-radius:999px;padding:.5rem 1.1rem;background:var(--accent-soft);color:var(--accent);font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;animation:details-toggle-pulse 2.4s ease-in-out infinite;transition:transform .15s ease,background .15s ease,color .15s ease}.details-toggle:before{content:"⚙";font-size:1rem;animation:details-toggle-spin 6s linear infinite}.details-toggle:hover{background:var(--accent);color:var(--surface);transform:scale(1.06);animation-play-state:paused}.details-toggle--open{animation:none;border-color:var(--border);background:var(--surface-muted);color:var(--text-soft)}.details-toggle--open:before{animation:none}@keyframes details-toggle-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft);transform:scale(1)}50%{box-shadow:0 0 0 6px transparent;transform:scale(1.04)}}@keyframes details-toggle-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.details-toggle,.details-toggle:before{animation:none}}.details-panel{display:grid;gap:.85rem;padding:1rem;border-radius:var(--radius-sm);background:var(--surface-muted)}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}@media(max-width:600px){.field-row{grid-template-columns:1fr}}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.4rem}.chip{border:1px solid var(--border);background:var(--surface-muted);color:var(--text-soft);border-radius:999px;padding:.35rem .85rem;font:inherit;font-size:.85rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.chip:hover{border-color:var(--accent);color:var(--accent)}.link-button{border:0;padding:0;background:none;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline}.settings-page,.access-page{width:min(100%,760px);margin:0 auto;padding:2rem 1.25rem 4rem;display:grid;gap:1.25rem}.settings-page__header,.access-page__header{display:grid;gap:.5rem}.settings-page__keys{display:grid;gap:1rem}.key-field{display:grid;gap:.65rem;padding:1rem}.key-field__actions{display:flex;flex-wrap:wrap;gap:.5rem}.key-field__guide{border-top:1px solid var(--border);padding-top:.75rem;display:grid;gap:.5rem}.key-field__guide ol{margin:0;padding-left:1.2rem;display:grid;gap:.35rem;color:var(--text-soft);font-size:.9rem;line-height:1.5}.key-field__chatgpt{display:grid;gap:.4rem;padding:.65rem;border-radius:var(--radius-sm);background:var(--surface-muted)}.access-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.access-card{display:grid;gap:.65rem;align-content:start;padding:1.1rem;min-width:0}.access-card>*{min-width:0;overflow-wrap:anywhere}.character-ref__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.character-ref__actions .btn.is-disabled{opacity:.6;pointer-events:none}.tunnel{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:64px;padding:0 clamp(1rem,4vw,2rem);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.app-header__left{justify-self:start;display:flex;align-items:center;gap:.85rem;min-width:0}.app-header__back-label{white-space:nowrap}.app-header__back{display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted);color:var(--text-soft);font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast, .18s) ease,border-color var(--dur-fast, .18s) ease}.app-header__back:hover{color:var(--text);border-color:var(--accent)}.app-header__center{justify-self:center;min-width:0}.app-header__nav{justify-self:end;display:flex;align-items:center;gap:.25rem;min-width:0}@media(max-width:760px){.app-header{display:flex;align-items:center;gap:.4rem;padding:0 .9rem}.app-header__center{display:none}.app-header__left{flex:0 0 auto}.app-header__nav{flex:1 1 auto;justify-content:flex-start;gap:.05rem;overflow-x:auto;scrollbar-width:none}.app-header__nav::-webkit-scrollbar{display:none}.app-header__back-label,.theme-toggle__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header__back{padding:.32rem .5rem}.app-header .app-header__link{padding:.38rem;font-size:.8rem;white-space:nowrap;flex:0 0 auto}.app-header .brand{font-size:1.1rem}.app-header .theme-toggle{padding:.3rem;flex:0 0 auto}}.app-header__link{padding:.4rem .7rem;border-radius:var(--radius-sm);color:var(--muted);font-size:.9rem;font-weight:500;transition:color var(--dur-fast, .18s) ease,background var(--dur-fast, .18s) ease}.app-header__link:hover{color:var(--text);background:var(--surface-muted)}.app-header__link.active{color:var(--accent)}.brand{display:inline-flex;align-items:baseline;gap:.32rem;font-family:var(--font-display);font-size:1.35rem;font-weight:400;letter-spacing:-.02em;color:var(--text)}.brand__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:brand-pulse 2.4s ease-in-out infinite}.brand--on-room{color:var(--room-text)}.brand--on-room .brand__dot{background:var(--room-accent)}@keyframes brand-pulse{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.brand__dot{animation:none}}.tunnel__main{display:flex;justify-content:center;padding:2.5rem 1.25rem 4rem}.step{width:min(100%,var(--max-step));display:grid;gap:1.5rem;animation:step-in .28s ease}.step--wide{width:min(100%,var(--max-wide))}@keyframes step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step__header{display:grid;gap:.35rem}.step__eyebrow{margin:0;color:var(--muted);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.step__title{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4.6vw,2.25rem);font-weight:400;letter-spacing:-.015em;line-height:1.15}.step__lead{margin:.25rem 0 0;color:var(--text-soft);font-size:1rem;line-height:1.6}.step__actions{display:grid;gap:.65rem}.step-progress{display:flex;align-items:center;gap:.45rem}.step-progress__dot{width:8px;height:8px;border-radius:999px;background:var(--border);transition:background .2s ease,transform .2s ease}.step-progress__dot--done{background:var(--success)}.step-progress__dot--active{background:var(--accent);transform:scale(1.25)}.welcome{text-align:center;padding-top:2rem}.welcome__title{margin:0;font-family:var(--font-display);font-size:clamp(1.9rem,6vw,2.6rem);font-weight:400;letter-spacing:-.02em;line-height:1.12}.welcome__lead{margin:1rem auto 0;max-width:36ch;color:var(--text-soft);font-size:1.05rem;line-height:1.6}.welcome__steps{display:grid;gap:.5rem;margin:2rem 0 0;padding:0;list-style:none;text-align:left}.welcome__step-item{display:flex;align-items:flex-start;gap:.85rem;padding:.9rem 1rem;border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text-soft);font-size:.92rem}.welcome__step-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.welcome__step-title{color:var(--text);font-weight:600}.welcome__step-detail{font-size:.86rem;line-height:1.45;color:var(--text-soft)}.welcome__step-num{display:inline-flex;margin-top:.1rem;width:28px;height:28px;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:700}.scenes-list{display:grid;gap:.85rem;max-height:55vh;overflow-y:auto;padding-right:.25rem}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.section-title{margin:.35rem 0 0;font-size:1.05rem;font-weight:650;color:var(--text)}.asset-card--attention{border-color:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}.asset-card__ok{font-size:.8rem;font-weight:600;color:var(--success)}.asset-card__why>summary{color:var(--warning)}.scenes-all{padding:.85rem}.orientation-picker{display:grid;gap:.5rem}.orientation-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.orientation-option{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:center;transition:border-color .15s ease,box-shadow .15s ease}.orientation-option--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.orientation-option__frame{border:2px solid var(--muted);border-radius:3px;background:var(--surface-muted)}.orientation-option--active .orientation-option__frame{border-color:var(--accent)}.orientation-option__frame--horizontal{width:48px;height:27px}.orientation-option__frame--vertical{width:27px;height:48px}.orientation-option__title{font-size:.9rem;font-weight:600;color:var(--text)}.orientation-option__desc{font-size:.78rem;color:var(--text-soft)}.export-options{display:grid;gap:.85rem}.export-option{display:grid;gap:.5rem;padding:1.1rem}.export-option__badge{display:inline-block;width:fit-content;padding:.2rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.75rem;font-weight:600}.export-option__title{margin:0;font-size:1.05rem;font-weight:600}.export-option__desc{margin:0;color:var(--text-soft);font-size:.9rem;line-height:1.5}.done-actions{display:grid;gap:.65rem}.history-page{width:min(100%,720px);margin:0 auto;padding:2rem 1.25rem 4rem;display:grid;gap:1.25rem}.history-item{display:grid;gap:.65rem;padding:1rem}.history-item__row{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start}.history-item__select{display:grid;place-items:center;padding-top:.2rem}.history-item__select input{width:18px;height:18px;accent-color:var(--accent)}.history-item__body{display:grid;gap:.4rem;min-width:0}.history-select{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.history-select__summary{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-soft);cursor:pointer}.history-select__summary input{width:16px;height:16px;accent-color:var(--accent)}.history-confirm{display:grid;gap:.85rem;padding:1rem}.history-confirm__actions{display:flex;flex-wrap:wrap;gap:.5rem}.history-item__meta{margin:0;color:var(--muted);font-size:.85rem}.history-item__actions{display:flex;flex-wrap:wrap;gap:.5rem}.theme-toggle{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .65rem;background:var(--surface-muted);color:var(--text-soft);font-size:.8rem;cursor:pointer}.theme-toggle__track{position:relative;width:32px;height:18px;border-radius:999px;background:var(--border)}.theme-toggle__thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:999px;background:var(--accent);transition:transform .15s ease}.theme-toggle[aria-pressed=true] .theme-toggle__thumb{transform:translate(14px)}.asset-drawer{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:#0006}.asset-drawer__panel{width:min(100%,420px);height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;background:var(--surface);box-shadow:-4px 0 24px #0000001f;animation:drawer-in .22s ease}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.asset-drawer__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border)}.asset-drawer__body{padding:1rem 1.25rem 2.5rem;display:grid;gap:1rem;align-content:start}.action-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.action-tabs__tab{border:0;border-radius:calc(var(--radius-sm) - 2px);padding:.45rem .3rem;background:transparent;color:var(--text-soft);font:inherit;font-size:.82rem;line-height:1.2;cursor:pointer;transition:background .15s ease,color .15s ease}.action-tabs__tab:hover{color:var(--accent)}.action-tabs__tab--active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014}.action-panel{display:grid;gap:.75rem;align-content:start}.asset-drawer__footer{position:sticky;bottom:0;z-index:1;padding:1rem 1.25rem;border-top:1px solid var(--border);background:var(--surface)}.candidate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.candidate-card{display:grid;gap:.4rem;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.candidate-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.candidate-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px}@media(max-width:640px){.tunnel__header{grid-template-columns:1fr auto}.step-progress{display:none}}.landing{position:relative;min-height:100vh;background:var(--room);color:var(--room-text);font-family:var(--font-body);overflow-x:hidden}.landing:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(255,107,44,.13),transparent 70%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(255,107,44,.05),transparent 70%)}.landing>*{position:relative;z-index:1}.landing__header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem clamp(1.25rem,5vw,4rem);background:color-mix(in srgb,var(--room) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--room-line)}.landing__brand{display:inline-flex;align-items:baseline;gap:.3rem;font-family:var(--font-display);font-size:1.5rem;letter-spacing:-.01em;color:var(--room-text)}.landing__brand--small{font-size:1.15rem}.landing__nav{display:flex;align-items:center;gap:1.5rem}.landing__nav-link{font-size:.92rem;color:var(--room-text-soft);transition:color var(--dur-fast) var(--ease-out)}.landing__nav-link:hover{color:var(--room-text)}.landing__nav-cta{padding:.5rem 1.1rem;border:1px solid var(--room-line-strong);border-radius:999px;font-size:.92rem;font-weight:500;color:var(--room-text);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.landing__nav-cta:hover{border-color:var(--room-accent);background:var(--room-accent-soft)}.landing__hero{max-width:1180px;margin:0 auto;padding:clamp(3.5rem,11vh,7rem) clamp(1.25rem,5vw,4rem) clamp(2rem,6vh,4rem);text-align:center}.landing__eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.5rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--room-text-faint)}.landing__rec{width:7px;height:7px;border-radius:50%;background:var(--room-accent);animation:strip-pulse 2.4s ease-in-out infinite}.landing__title{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(2.9rem,9vw,6.5rem);line-height:.98;letter-spacing:-.025em}.landing__title-line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.landing__title-inner{display:block;animation:line-rise var(--dur-slow) var(--ease-out) both}.landing__title-line--accent{color:var(--room-accent);font-style:italic}.landing__title-line--accent .landing__title-inner{animation-delay:.12s}.landing__lead{max-width:44ch;margin:1.75rem auto 0;font-size:clamp(1.02rem,1.7vw,1.2rem);line-height:1.6;color:var(--room-text-soft);animation:fade-up var(--dur-slow) var(--ease-out) .26s both}.landing__lead--tight{margin-top:1rem}.landing__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.85rem;margin-top:2.25rem;animation:fade-up var(--dur-slow) var(--ease-out) .36s both}.landing__button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 1.9rem;border-radius:999px;background:var(--room-accent);color:#14100d;font-size:1rem;font-weight:600;letter-spacing:-.01em;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-mid) var(--ease-out);box-shadow:0 0 #ff6b2c80}.landing__button:hover{transform:translateY(-2px);box-shadow:0 10px 34px -8px #ff6b2c99}.landing__button:focus-visible{outline:2px solid var(--room-text);outline-offset:3px}html[data-theme=light] .landing__button{color:#fff}.landing__button--quiet{background:transparent;border:1px solid var(--room-line-strong);color:var(--room-text);box-shadow:none}.landing__button--quiet:hover{border-color:var(--room-text-soft);box-shadow:none}.landing__micro{margin:1.1rem 0 0;font-size:.87rem;color:var(--room-text-faint);animation:fade-up var(--dur-slow) var(--ease-out) .44s both}.landing__inline-link{color:var(--room-text-soft);text-decoration:underline;text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out)}.landing__inline-link:hover{color:var(--room-accent)}.strip{margin:clamp(3rem,8vh,5rem) 0 0;animation:fade-up var(--dur-slow) var(--ease-out) .52s both}.strip__chrome{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:0 .25rem .6rem;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;color:var(--room-text-faint)}.strip__meta{text-align:right;white-space:nowrap}.strip__timecode{color:var(--room-accent);font-size:.86rem;letter-spacing:.1em}.strip__reel{--room: var(--screen-bg);--room-deep: var(--screen-bg);--room-raised: var(--screen-raised);--room-line: var(--screen-line);--room-line-strong: var(--screen-line-strong);--room-text: var(--screen-text);--room-text-soft: var(--screen-text-soft);--room-text-faint: var(--screen-text-faint);--room-accent: var(--screen-accent);border:1px solid var(--screen-line);border-radius:10px;background:var(--screen-bg);overflow:hidden}.strip__perfs{height:14px;background-image:repeating-linear-gradient(to right,transparent 0 10px,var(--room-line) 10px 20px);background-size:100% 5px;background-position:center;background-repeat:repeat-x;opacity:.75}.strip__track{position:relative;display:flex;gap:2px;padding:2px;background:var(--room-line)}.strip__frame{position:relative;flex:1 1 var(--span);min-width:0;display:flex;flex-direction:column;background:var(--room-raised);color:var(--room-text-soft);animation:frame-in .62s var(--ease-out) both;animation-delay:calc(.62s + var(--i) * 90ms)}.strip__frame--ai{color:var(--room-accent);background:linear-gradient(180deg,rgba(255,107,44,.12),var(--room-raised) 60%)}.strip__art{display:grid;place-items:center;padding:.9rem .4rem .4rem}.strip__art svg{width:100%;max-width:74px;height:auto}.strip__label{display:flex;flex-direction:column;gap:.1rem;padding:.35rem .5rem .6rem;text-align:left}.strip__label-text{font-size:.68rem;line-height:1.25;color:var(--room-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip__label-time{font-family:var(--font-mono);font-size:.64rem;color:var(--room-text-faint)}.strip__playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--room-accent);box-shadow:0 0 12px 1px #ff6b2ccc;animation:playhead-sweep 9s linear 1.6s infinite}.strip__caption{margin:.9rem 0 0;font-size:.83rem;line-height:1.55;color:var(--room-text-faint);text-align:left}.landing__section,.landing__tension,.landing__final{max-width:1180px;margin:0 auto;padding:clamp(3.5rem,12vh,7rem) clamp(1.25rem,5vw,4rem)}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}[data-reveal][data-revealed=true]{opacity:1;transform:none}.landing__section-label{margin:0 0 1.1rem;font-family:var(--font-mono);font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;color:var(--room-accent)}.landing__section-title{margin:0 0 2.5rem;max-width:20ch;font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.05;letter-spacing:-.02em}.landing__tension{border-top:1px solid var(--room-line)}.landing__tension-text{margin:0;max-width:22ch;font-family:var(--font-display);font-size:clamp(2.1rem,5.2vw,4rem);line-height:1.06;letter-spacing:-.02em}.landing__tension-text em{font-style:italic;color:var(--room-accent)}.landing__tension-note{margin:2rem 0 0;max-width:46ch;font-size:1.02rem;line-height:1.65;color:var(--room-text-soft)}.landing__split{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.landing__split-card{padding:1.9rem;border:1px solid var(--room-line);border-radius:14px;background:var(--room-raised)}.landing__split-card--yours{background:transparent;border-style:dashed}.landing__split-title{margin:0 0 1.35rem;font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:1.2}.landing__split-tag{display:block;margin-bottom:.6rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--room-accent)}.landing__split-card--yours .landing__split-tag{color:var(--room-text-faint)}.landing__list{margin:0;padding:0;list-style:none;display:grid;gap:.85rem}.landing__list li{position:relative;padding-left:1.6rem;font-size:.98rem;line-height:1.55;color:var(--room-text-soft)}.landing__list li:before{content:"";position:absolute;left:0;top:.55em;width:10px;height:3px;border-radius:2px;background:var(--room-accent)}.landing__list--yours li:before{background:var(--room-text-faint)}.landing__footnote{margin:2rem 0 0;max-width:56ch;font-size:.92rem;line-height:1.6;color:var(--room-text-faint)}.landing__final{text-align:center;border-top:1px solid var(--room-line)}.landing__final-title{margin:0 auto;max-width:18ch;font-family:var(--font-display);font-weight:400;font-size:clamp(2.2rem,5.5vw,4rem);line-height:1.04;letter-spacing:-.02em}.landing__final .landing__lead{animation:none}.landing__cta--center{justify-content:center;animation:none}.landing__final .landing__micro{animation:none}.landing__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.75rem clamp(1.25rem,5vw,4rem);border-top:1px solid var(--room-line);color:var(--room-text-faint)}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:.75rem}.flow__panel{display:flex;flex-direction:column;gap:.75rem;min-width:0}.flow__step{margin:0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--room-text-faint)}.flow__card{flex:1;padding:1.1rem;border:1px solid var(--room-line);border-radius:12px;background:var(--room-raised)}.flow__script{display:block}.flow__script-line{margin:0 0 .6rem;font-size:.88rem;line-height:1.5}.flow__script-line--plain{color:var(--room-text-faint)}.flow__script-line--picked{position:relative;padding-left:.7rem;color:var(--room-text);border-left:2px solid var(--scene, var(--room-accent))}.flow__scenes{display:grid;gap:.6rem;flex:1}.flow__scene{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.7rem .85rem}.flow__thumb{display:grid;place-items:center;width:46px;height:30px;border-radius:5px;background:color-mix(in srgb,var(--scene, var(--room-accent)) 18%,transparent);color:var(--scene, var(--room-accent))}.flow__thumb svg{width:34px;height:auto}.flow__scene-body{min-width:0}.flow__scene-title{margin:0;font-size:.85rem;line-height:1.3;color:var(--room-text)}.flow__scene-source{display:flex;align-items:center;gap:.3rem;margin:.2rem 0 0;font-size:.74rem;color:var(--room-text-faint)}.flow__tick{color:var(--scene, var(--room-accent));font-weight:700}.flow__scene-num{font-family:var(--font-mono);font-size:.72rem;color:var(--room-text-faint)}.flow__arrow{display:grid;place-items:center;color:var(--room-text-faint)}.flow__arrow svg{width:20px;height:20px}.flow__timeline{--room-raised: var(--screen-bg);--room-deep: var(--screen-bg);--room-line: var(--screen-line);--room-line-strong: var(--screen-line-strong);--room-text: var(--screen-text);--room-text-soft: var(--screen-text-soft);--room-text-faint: var(--screen-text-faint);--room-accent: var(--screen-accent);display:flex;flex-direction:column;gap:.55rem}.flow__ruler{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.66rem;color:var(--room-text-faint)}.flow__track{position:relative;display:flex;gap:2px;height:42px;border-radius:5px;overflow:hidden;background:var(--room-deep)}.flow__clip{display:flex;flex-direction:column;justify-content:center;gap:.1rem;padding:0 .4rem;min-width:0;background:color-mix(in srgb,var(--scene, var(--room-accent)) 22%,var(--room-raised));border-left:2px solid var(--scene, var(--room-accent))}.flow__clip-num,.flow__clip-time{font-family:var(--font-mono);font-size:.62rem;color:var(--room-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow__playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--room-accent);animation:playhead-sweep 9s linear infinite}.flow__track--empty{height:26px;display:grid;place-items:center;border:1px dashed var(--room-line-strong);background:transparent;font-size:.72rem;color:var(--room-text-faint)}.flow__note{margin:0;font-size:.78rem;line-height:1.5;color:var(--room-text-faint)}@keyframes line-rise{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes frame-in{0%{opacity:0;transform:translateY(14px) scaleY(.85)}to{opacity:1;transform:none}}@keyframes playhead-sweep{0%{left:0}to{left:100%}}@keyframes strip-pulse{0%,to{opacity:1}50%{opacity:.25}}@media(max-width:900px){.flow{grid-template-columns:1fr}.flow__arrow{transform:rotate(90deg);padding:.25rem 0}}@media(max-width:640px){.landing__hero{text-align:left}.landing__cta{justify-content:flex-start}.landing__button{width:100%}.strip__track{overflow-x:auto;scrollbar-width:none}.strip__track::-webkit-scrollbar{display:none}.strip__frame{flex:0 0 132px}.strip__playhead{display:none}.landing__final,.landing__cta--center{text-align:left;justify-content:flex-start}.landing__final-title,.landing__final .landing__lead{margin-left:0}}@media(prefers-reduced-motion:reduce){.landing *,.landing *:before,.landing *:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}.strip__playhead,.flow__playhead{display:none}}