:root{color-scheme:dark;--bg: #09090c;--surface: #131318;--surface-2: #1c1c23;--surface-3: #2a2a33;--line: rgba(255, 255, 255, .08);--line-2: rgba(255, 255, 255, .14);--text: #f5f5f7;--text-2: rgba(245, 245, 247, .74);--muted: #8e8e9c;--brand: #ff5a36;--brand-2: #ff2e4d;--grad: linear-gradient(135deg, #ff8a3d 0%, #ff2e4d 100%);--heart: #ff3b5c;--gold: #ffc53d;--ok: #3ad29f;--danger: #ff5a6a;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.2, .8, .2, 1);--nav-h: calc(56px + env(safe-area-inset-bottom)) ;--nav-w: 0px;--dock: 0px;--panel: var(--surface);--panel-2: var(--surface-2);--accent: var(--brand);--accent-2: #4aa3d0}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;overscroll-behavior:none}[hidden]{display:none!important}button,input,textarea,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button{font:inherit;font-size:14px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:9px 16px;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}button:hover:not(:disabled){background:var(--surface-3)}button:disabled{opacity:.45;cursor:default}a{color:inherit}.ic{width:24px;height:24px;display:block;flex:none}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 18px;border-radius:12px;font-weight:650;font-size:15px}.btn .ic{width:18px;height:18px}.btn-brand{background:var(--grad);border:0;color:#fff;box-shadow:0 6px 20px -8px #ff3c3c99}.btn-brand:hover:not(:disabled){background:var(--grad);filter:brightness(1.08)}.btn-quiet{background:transparent;border-color:transparent;color:var(--muted)}.btn-quiet:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-btn{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;background:transparent;border:0;color:inherit}.icon-btn:hover:not(:disabled){background:#ffffff14}.link-btn{display:inline-flex;align-items:center;gap:5px;padding:0;background:none;border:0;color:var(--muted);font-size:inherit;font-weight:600}.link-btn:hover:not(:disabled){background:none;color:var(--text)}.link-btn .ic{width:15px;height:15px}.spinner,.feed-spinner{display:block;width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.18);border-top-color:var(--brand);animation:feed-spin .8s linear infinite}@keyframes feed-spin{to{transform:rotate(360deg)}}.mark,.disc-mark{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none}[data-mark]{display:inline-block}.avatar{flex:none;width:36px;height:36px}.avatar-in{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,hsl(var(--hue) 70% 58%),hsl(calc(var(--hue) + 40) 70% 42%));color:#fff;font-weight:750;font-size:.95em;text-shadow:0 1px 2px rgba(0,0,0,.25)}.avatar-xl{width:92px;height:92px;font-size:38px}.nav-studio{display:none!important}#view-me .studio-card{display:flex;align-items:center;gap:14px;width:100%;margin-top:22px;padding:14px 16px;border:1px solid rgba(255,90,54,.35);border-radius:16px;background:linear-gradient(135deg,#ff8a3d29,#ff2e4d1a);text-align:left;white-space:normal}#view-me .studio-card:hover:not(:disabled){background:linear-gradient(135deg,#ff8a3d3d,#ff2e4d29)}.studio-card-ic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--grad);color:#fff}#view-me .studio-card>[data-icon]:last-child{color:var(--muted)}#view-me .studio-card>[data-icon]:last-child .ic{width:18px;height:18px}body:not(.can-create) .nav-create,body:not(.can-create) .rail-remix,body:not(.can-create) .made-only{display:none!important}.status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app{position:fixed;inset:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"views" "nav"}.nav{grid-area:nav;z-index:20;display:flex;height:var(--nav-h);padding:0 calc(4px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(4px + env(safe-area-inset-left));background:#000;border-top:1px solid rgba(255,255,255,.07)}body:not([data-view=home]) .nav{background:var(--bg)}.nav-brand,.nav-foot{display:none}.nav-items{display:flex;align-items:center;justify-content:space-around;width:100%}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:48px;padding:6px 0 4px;background:none;border:0;border-radius:12px;color:#ffffff8c;font-size:10.5px;font-weight:600}.nav-item:hover:not(:disabled){background:none;color:#ffffffd9}.nav-item [data-icon] .ic{width:26px;height:26px}.nav-item .on,.nav-item[aria-current=page] [data-icon]:not(.on){display:none}.nav-item[aria-current=page] .on{display:block}.nav-item[aria-current=page]{color:#fff}.nav-create{flex:none;display:grid;place-items:center;width:50px;height:34px;margin:0 6px;padding:0;border:0;border-radius:11px;background:var(--grad);color:#fff;box-shadow:-3px 0 #ffb43d,3px 0 #c4166d}.nav-create:hover:not(:disabled){background:var(--grad);filter:brightness(1.08)}.nav-create .ic{width:22px;height:22px}.nav-create .lbl{display:none}.views{grid-area:views;position:relative;overflow:hidden;min-height:0}.view{position:absolute;inset:0}.view-home{background:#000}.feed{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;outline:none}.feed::-webkit-scrollbar{display:none}.slide{position:relative;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.slide-frame{position:absolute;inset:0;overflow:hidden;background:#000;isolation:isolate}.poster{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:30% 84px 0 20px;overflow:hidden;container-type:inline-size;background:radial-gradient(120% 70% at 50% 18%,rgba(255,255,255,.16),transparent 60%),linear-gradient(180deg,var(--sky) 0%,color-mix(in srgb,var(--sky) 55%,#000) 56%,var(--floor) 100%);transition:opacity .45s ease .1s}.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.poster-title{max-width:100%;font-family:Bebas Neue,Impact,Arial Narrow,sans-serif;font-size:clamp(18px,11.5cqi,72px);line-height:.95;letter-spacing:.02em;text-align:center;text-transform:uppercase;color:#ffffffeb;text-shadow:0 2px 18px rgba(0,0,0,.45);overflow-wrap:anywhere}.slide.is-live .poster{opacity:0}.stage-park{position:fixed;left:-4px;top:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.stage{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .35s ease}.stage.is-shown{opacity:1}#stage{display:block;width:100%;height:100%;outline:none;touch-action:pan-y}.overlay{position:absolute;inset:0;z-index:3;pointer-events:none;background:#000;opacity:0;transition:opacity .5s ease}.overlay.flash{background:#fff;opacity:.85;transition:opacity .08s ease}.overlay.fade-out{opacity:1}.slide-tap{position:absolute;inset:0;z-index:3;touch-action:pan-y;cursor:pointer}.slide-shade{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.62) 0%,rgba(0,0,0,.18) 26%,transparent 42%),linear-gradient(to bottom,rgba(0,0,0,.38) 0%,transparent 15%)}.slide-center{position:absolute;left:0;right:0;top:50%;z-index:5;display:none;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;pointer-events:none;color:#ffffffdb;font-size:13px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.7)}.slide.is-loading .slide-center{display:flex}.slide-play{position:absolute;left:50%;top:50%;z-index:5;display:none;width:86px;height:86px;margin:-43px 0 0 -43px;place-items:center;pointer-events:none;color:#ffffffd1;filter:drop-shadow(0 4px 18px rgba(0,0,0,.45));animation:play-in .22s var(--ease)}.slide-play .ic{width:70px;height:70px}.slide.is-paused .slide-play{display:grid}@keyframes play-in{0%{transform:scale(1.5);opacity:0}}.slide-error{position:absolute;left:50%;top:50%;z-index:6;transform:translate(-50%,-50%);width:min(320px,80%);padding:14px 16px;border-radius:14px;background:#0a0a0ed1;font-size:14px;line-height:1.45;text-align:center}.slide-info{position:absolute;left:calc(14px + env(safe-area-inset-left));right:86px;bottom:36px;z-index:6;pointer-events:none;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}.slide-info button,.slide-logline{pointer-events:auto}.slide-by{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-height:26px;font-size:15px}.slide-by b{font-weight:750}.by-avatar{width:24px;height:24px;flex:none}.by-when,.by-views{color:#ffffffb8;font-weight:500;white-space:nowrap}.by-chip{padding:2px 7px;border-radius:6px;background:#ffffff29;font-size:11px;font-weight:700;letter-spacing:.02em;text-shadow:none}.by-takes{display:inline-flex;align-items:center;gap:4px;margin-left:2px;padding:3px 8px;border:0;border-radius:999px;background:#ffffff29;backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:700}.by-takes:hover:not(:disabled){background:#ffffff42}.by-takes .ic{width:14px;height:14px}.slide-title{margin:6px 0 3px;font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slide-logline{margin:0;font-size:14px;line-height:1.4;color:#ffffffe6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.slide-info.expanded .slide-logline{display:block;max-height:40dvh;overflow-y:auto}.slide-info.expanded{background:linear-gradient(to top,rgba(0,0,0,.55),transparent);border-radius:12px}.slide-tags{margin:5px 0 0;font-size:14px;font-weight:700;display:flex;gap:8px;flex-wrap:wrap}.slide-sound{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:13px;font-weight:500}.slide-sound .ic{width:15px;height:15px}.marquee{overflow:hidden;white-space:nowrap;max-width:62%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 90%,transparent)}.marquee>span{display:inline-block;padding:0 12px}.slide.is-live:not(.is-paused) .marquee>span{animation:marquee 11s linear infinite}@keyframes marquee{0%,12%{transform:translate(0)}to{transform:translate(-100%)}}.scrub{position:absolute;left:0;right:0;bottom:0;z-index:7;height:32px;display:flex;align-items:flex-end;gap:10px;cursor:pointer;touch-action:pan-y}.slide:not(.is-live) .scrub{visibility:hidden}.scrub-track{position:relative;width:100%;height:2px;background:#ffffff38;transition:height .15s}.scrub-fill{position:absolute;inset:0;background:#ffffffe6;transform:scaleX(0);transform-origin:left}.scrub-knob{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 1px 6px #0006;opacity:0;transition:opacity .15s}.scrub-time{position:absolute;left:50%;bottom:64px;transform:translate(-50%);padding:6px 12px;border-radius:10px;background:#00000073;font:700 22px/1 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}.scrub-clock{display:none;flex:none;font:700 12.5px/1 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.slide.is-paused .scrub{align-items:center;padding:0 14px}.slide.is-paused .scrub-clock{display:block}.slide.is-paused .scrub-track{height:4px;border-radius:4px;background:#ffffff4d}.slide.is-paused .scrub-fill{border-radius:4px}.slide.is-paused .scrub-knob{opacity:1}@media(hover:hover){.slide-frame:hover .scrub{align-items:center;padding:0 14px}.slide-frame:hover .scrub-clock{display:block}.slide-frame:hover .scrub-track{height:4px;border-radius:4px;background:#ffffff4d}.slide-frame:hover .scrub-fill{border-radius:4px}}.slide.is-scrubbing .scrub-track,.scrub:hover .scrub-track{height:6px}.slide.is-scrubbing .scrub-fill{background:#fff}.slide.is-scrubbing .scrub-knob,.scrub:hover .scrub-knob,.slide.is-scrubbing .scrub-time{opacity:1}.slide.is-scrubbing .slide-info,.slide.is-scrubbing .rail{opacity:0;transition:opacity .15s}.rail{position:absolute;right:calc(6px + env(safe-area-inset-right));bottom:40px;z-index:8;display:flex;flex-direction:column;align-items:center;gap:12px;transition:opacity .2s}.rail-btn{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:56px;padding:0;background:none;border:0;color:#fff;font-size:12px;font-weight:650;text-shadow:0 1px 3px rgba(0,0,0,.55)}.rail-btn:hover:not(:disabled){background:none}.rail-ic{display:grid;place-items:center;width:46px;height:46px;filter:drop-shadow(0 1px 4px rgba(0,0,0,.45));transition:transform .15s,color .15s}.rail-ic .ic{width:34px;height:34px}.rail-btn:active .rail-ic{transform:scale(.88)}.rail-like.on .rail-ic{color:var(--heart)}.rail-save.on .rail-ic{color:var(--gold)}.rail-remix .rail-ic .ic{width:30px;height:30px;stroke-width:2.4}.rail-more .rail-ic{height:38px}.rail-btn.pop .rail-ic{animation:pop .4s var(--ease)}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.32)}60%{transform:scale(.9)}to{transform:scale(1)}}.n{white-space:nowrap}.disc{width:44px;height:44px;margin-top:4px;padding:10px;border-radius:50%;background:radial-gradient(circle,#2a2a2a 0 30%,#111 31% 100%);box-shadow:0 0 0 2px #ffffff14,0 2px 10px #00000080;animation:feed-spin 5s linear infinite;animation-play-state:paused}.slide.is-live:not(.is-paused):not(.is-ended) .disc{animation-play-state:running}.heart-burst{position:absolute;z-index:9;width:104px;height:104px;margin:-52px 0 0 -52px;color:var(--heart);pointer-events:none;filter:drop-shadow(0 6px 18px rgba(255,40,80,.45));animation:burst .9s ease-out forwards}.heart-burst .ic{width:100%;height:100%}@keyframes burst{0%{transform:scale(.2) rotate(var(--tilt));opacity:0}16%{transform:scale(1.18) rotate(var(--tilt));opacity:1}32%{transform:scale(.94) rotate(var(--tilt))}70%{transform:scale(1) rotate(var(--tilt)) translateY(-8px);opacity:1}to{transform:scale(1.5) rotate(var(--tilt)) translateY(-70px);opacity:0}}.subtitle{position:absolute;left:50%;bottom:var(--caption-bottom, clamp(158px, 28%, 270px));z-index:5;transform:translate(-50%);width:max-content;max-width:88%;padding:8px 14px 9px;border-radius:12px;background:#08080c99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center;font-size:17px;font-weight:650;line-height:1.35;color:#fff;pointer-events:none;animation:rise .18s ease}.subtitle .speaker{display:block;margin-bottom:2px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:719px),(max-height:500px){.subtitle{left:calc((100% - 72px)/2);max-width:calc(100% - 96px)}}.feed-top{position:absolute;top:0;left:0;right:0;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:calc(6px + env(safe-area-inset-top)) calc(6px + env(safe-area-inset-right)) 6px calc(6px + env(safe-area-inset-left));pointer-events:none;color:#fff}.feed-top>*{pointer-events:auto}.feed-top .icon-btn{width:44px;height:44px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.feed-top .icon-btn .ic{width:26px;height:26px}.feed-tabs{display:flex;gap:18px}.feed-tabs button{position:relative;padding:8px 2px;background:none;border:0;border-radius:0;color:#ffffff9e;font-size:17px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.5)}.feed-tabs button:hover:not(:disabled){background:none;color:#ffffffd9}.feed-tabs button[aria-selected=true]{color:#fff}.feed-tabs button[aria-selected=true]:after{content:"";position:absolute;left:50%;bottom:2px;width:22px;height:3px;margin-left:-11px;border-radius:3px;background:#fff}.feed-sound{position:relative}.feed-sound .when-off,body[data-sound=off] .feed-sound .when-on,body.needs-gesture .feed-sound .when-on{display:none}body[data-sound=off] .feed-sound .when-off,body.needs-gesture .feed-sound .when-off{display:block}.feed-sound .hint{display:none}body.needs-gesture[data-view=home] .feed-sound{width:auto;padding:0 12px 0 9px;gap:6px;grid-auto-flow:column;border-radius:999px;background:#0000006b;backdrop-filter:blur(8px);filter:none}body.needs-gesture[data-view=home] .feed-sound .hint{display:inline;font-size:13px;font-weight:700;white-space:nowrap}body.needs-gesture[data-view=home] .feed-sound .ic{width:20px;height:20px}.feed-arrows{display:none}.feed-empty{position:absolute;inset:0;z-index:11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px;text-align:center;background:radial-gradient(80% 60% at 50% 40%,#1d1420,#000 70%)}.feed-empty [data-mark]{width:72px;height:72px;margin-bottom:8px}.feed-empty h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em}.feed-empty p{margin:0 0 12px;max-width:360px;color:var(--text-2);line-height:1.5}.player-view{position:fixed;inset:0;z-index:30;background:#000}.player-back{position:absolute;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));z-index:14;width:44px;height:44px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.player-back .ic{width:28px;height:28px}.view-page{overflow-y:auto;overscroll-behavior:contain;padding:calc(14px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 32px calc(16px + env(safe-area-inset-left));background:var(--bg)}.page-head{display:flex;flex-direction:column;gap:12px}.page-head h1,.profile h1{margin:6px 0 0;font-size:28px;font-weight:850;letter-spacing:-.025em}.search-box{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:14px;background:var(--surface-2);color:var(--muted);border:1px solid transparent;transition:border-color .15s}.search-box:focus-within{border-color:var(--line-2)}.search-box .ic{width:20px;height:20px}.search-box input{flex:1;min-width:0;height:100%;border:0;background:none;color:var(--text);font:inherit;font-size:16px;outline:none}.search-box input::-webkit-search-cancel-button{filter:invert(1) opacity(.5)}.chips{display:flex;gap:8px;margin:14px -16px 16px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;padding:8px 15px;border:0;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-weight:650;font-size:14px}.chip[aria-selected=true]{background:var(--text);color:#000}.chip[aria-selected=true]:hover:not(:disabled){background:var(--text)}.seg{display:flex;gap:4px;margin:14px 0 16px;padding:4px;border-radius:14px;background:var(--surface)}.seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border:0;border-radius:10px;background:none;color:var(--muted);font-weight:650}.seg button .ic{width:18px;height:18px}.seg button[aria-selected=true]{background:var(--surface-3);color:var(--text)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}.grid-empty{margin:32px auto;max-width:340px;color:var(--muted);text-align:center;line-height:1.5}.tile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:0;background:none;border:0;border-radius:12px;color:inherit;text-align:left}.tile:hover:not(:disabled){background:none}.tile-media{position:relative;display:block;aspect-ratio:3 / 4;border-radius:12px;overflow:hidden;background:var(--surface-2)}.tile-media .poster{transition:transform .35s var(--ease)}.tile:hover .tile-media .poster{transform:scale(1.04)}.tile-media .poster{justify-content:center;padding:10%}.tile-media .poster-title{max-width:none;font-size:clamp(14px,14cqi,40px)}.tile-dur,.tile-views,.tile-likes{position:absolute;z-index:2;display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.tile-dur{right:8px;top:8px;padding:2px 6px;border-radius:6px;background:#00000080;text-shadow:none;font-variant-numeric:tabular-nums}.tile-views{left:8px;bottom:8px}.tile-likes{right:8px;bottom:8px}.tile-views .ic,.tile-likes .ic{width:14px;height:14px}.tile-media:after{content:"";position:absolute;inset:55% 0 0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.5),transparent);pointer-events:none}.tile-title{padding:0 2px;font-size:14px;font-weight:650;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-meta{padding:0 2px;margin-top:-3px;font-size:12px;color:var(--muted)}.section-title{margin:30px 0 12px;font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.section-note{margin:-4px 0 14px;color:var(--muted);font-size:14px;line-height:1.5}.profile{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 0 6px;text-align:center}.profile-who{display:flex;flex-direction:column;align-items:center;gap:6px}.profile h1{margin:0;font-size:24px}.profile-stats{display:flex;gap:32px;margin-top:6px}.profile-stats div{display:flex;flex-direction:column;align-items:center;gap:2px}.profile-stats b{font-size:19px;font-weight:800}.profile-stats span{font-size:12px;color:var(--muted)}.settings{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--surface)}.settings .setting{display:flex;align-items:center;gap:14px;width:100%;min-height:62px;padding:10px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;text-align:left;white-space:normal}.settings .setting:last-child{border-bottom:0}.settings .setting:hover:not(:disabled){background:var(--surface-2)}.settings .setting:disabled{opacity:1;cursor:default}.settings .setting>[data-icon]:first-child{color:var(--text-2)}.settings .setting>[data-icon]:last-child{color:var(--muted)}.settings .setting>[data-icon]:last-child .ic{width:18px;height:18px}.setting-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.setting-text b{font-size:15px;font-weight:650}.setting-text small{font-size:13px;color:var(--muted);line-height:1.35}.switch{position:relative;flex:none;width:46px;height:28px;border-radius:999px;background:var(--surface-3);transition:background .2s}.switch:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s var(--ease)}.setting.on .switch{background:var(--brand)}.setting.on .switch:after{transform:translate(18px)}.about{display:flex;gap:14px;align-items:flex-start;margin-top:30px;padding:18px;border-radius:16px;background:var(--surface);color:var(--text-2);font-size:14px;line-height:1.55}.about [data-mark]{flex:none;width:40px;height:40px}.about p{margin:0 0 6px}.about b{color:var(--text)}.wardrobe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 12px}.wardrobe-card{position:relative;text-align:left}.wardrobe-card .portrait{aspect-ratio:4 / 5;border-radius:12px;overflow:hidden;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.wardrobe-card .portrait img{width:100%;height:100%;object-fit:cover}.wardrobe-card .who{margin:6px 0 0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wardrobe-card .what{margin:1px 0 0;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wardrobe-card .discard{position:absolute;top:5px;right:5px;width:28px;height:28px;padding:0;border-radius:50%;border:0;background:#0009;color:#fff;font-size:12px;line-height:1}.wardrobe-add{aspect-ratio:4 / 5;border-radius:12px;border:1.5px dashed var(--line-2);background:none;color:var(--muted);font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.wardrobe-add:hover:not(:disabled){color:var(--text);border-color:var(--brand);background:none}.wardrobe-add .plus{font-size:26px;line-height:1}.wardrobe-add.busy{cursor:progress;border-style:solid}.anim-intake{margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.anim-intake button{font-size:13px;padding:9px 14px;color:var(--text-2);border-style:dashed;background:none}.anim-count{font-size:12px;color:var(--muted)}.scrim{position:fixed;inset:0;z-index:45;background:#00000080;opacity:0;transition:opacity .25s}.scrim.on{opacity:1}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;flex-direction:column;max-height:82dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;background:var(--surface);box-shadow:0 -12px 40px #00000073;transform:translateY(102%);transition:transform .28s var(--ease),opacity .28s var(--ease)}.sheet.open{transform:none}.sheet-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;padding:14px 52px 8px;touch-action:none}.sheet-head h2{margin:0;font-size:15px;font-weight:750;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grip{position:absolute;top:7px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:4px;background:var(--surface-3)}.sheet-close{position:absolute;right:8px;top:8px;color:var(--muted)}.sheet-comments{height:70dvh}.comments-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 12px}.comments-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:100%;padding:40px 20px;color:var(--muted);text-align:center;line-height:1.5}.comments-state .ic{width:44px;height:44px;opacity:.6}.comments-state p{margin:0}.comments-state b{display:block;color:var(--text);font-size:16px;margin-bottom:2px}.comment{display:flex;gap:12px;padding:10px 0}.comment .avatar{width:36px;height:36px;font-size:15px}.comment-body{flex:1;min-width:0}.comment-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:650;color:var(--muted)}.comment-name .you{padding:1px 6px;border-radius:5px;background:#ff5a3629;color:var(--brand);font-size:10.5px;font-weight:800;letter-spacing:.03em}.comment-text{margin:3px 0 4px;font-size:15px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere}.comment-meta{font-size:12px;color:var(--muted)}.comment-meta .link-btn{font-size:12px}.comment-form{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-top:1px solid var(--line);background:var(--surface)}.comment-form .avatar{width:34px;height:34px;font-size:14px}.comment-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.comment-field input{width:100%;height:42px;padding:0 14px;border:1px solid transparent;border-radius:999px;background:var(--surface-2);color:var(--text);font:inherit;font-size:16px;outline:none}.comment-field input:focus{border-color:var(--line-2)}.comment-as{padding-left:14px;font-size:11.5px;color:var(--muted)}.comment-as .link-btn{font-size:11.5px;text-decoration:underline;text-underline-offset:2px}.comment-send{width:42px;height:42px;color:var(--brand)}.comment-send:disabled{color:var(--muted)}.share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:14px 6px;padding:8px 16px 16px}.share-target{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;background:none;border:0;color:var(--text-2);font-size:12px;font-weight:600;text-decoration:none}.share-target:hover:not(:disabled){background:none;color:var(--text)}.share-target>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f;transition:transform .15s}.share-target:hover>span{transform:translateY(-2px)}.share-target .ic{width:26px;height:26px}.share-link{display:flex;gap:8px;padding:0 16px 18px}.share-link input{flex:1;min-width:0;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text-2);font:13px var(--mono)}.menu{display:flex;flex-direction:column;padding:4px 8px 12px}.menu-item{display:flex;align-items:center;gap:14px;min-height:52px;padding:10px 12px;border:0;border-radius:12px;background:none;font-size:15px;font-weight:600;text-align:left}.menu-item .ic{width:22px;height:22px;color:var(--text-2)}.menu-item.danger,.menu-item.danger .ic{color:var(--danger)}.sheet-details{height:76dvh}.panel-tabs{display:flex;gap:4px;padding:0 12px 8px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}.panel-tabs::-webkit-scrollbar{display:none}.panel-tabs button{flex:none;padding:8px 13px;border:0;border-radius:999px;background:none;color:var(--muted);font-size:13.5px;font-weight:650;white-space:nowrap}.panel-tabs button.active{background:var(--surface-3);color:var(--text)}.panel-tabs .insider{display:none}.panel.insider-on .panel-tabs .insider{display:block}.panel-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.panel-body section{display:none;padding:14px 16px 20px}.panel-body section.active{display:block}.panel-lede{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.5}.panel .card{margin-bottom:9px;padding:12px 14px;border-radius:14px;background:var(--surface-2)}.panel .card h4{margin:0 0 5px;display:flex;align-items:center;gap:8px;font-size:15px}.panel .card .swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.panel .card p{margin:3px 0;font-size:13px;color:var(--text-2);line-height:1.5}.panel .card .insider-note{color:var(--muted);font-size:12px}.panel .tag{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:999px;border:1px solid var(--line-2);color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}.panel .abilities{display:flex;flex-wrap:wrap;gap:4px}.panel .ability{font-size:11px;padding:1px 7px;border-radius:9px;background:var(--surface-3);color:var(--text-2)}.credit{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45}.credit b{font-weight:650}.credit span{color:var(--text-2);overflow-wrap:anywhere}.credit small{color:var(--muted);font-size:11px}.cue{display:flex;gap:10px;padding:7px 8px;border-radius:8px;font-size:14px;line-height:1.45;cursor:pointer}.cue:hover{background:var(--surface-2)}.cue.past{opacity:.45}.cue.now{background:#ff5a3624;box-shadow:inset 2px 0 0 var(--brand)}.cue .t{flex-shrink:0;padding-top:2px;font:11.5px var(--mono);color:var(--muted)}.logline{padding:4px 0;border-bottom:1px solid var(--line);font:11.5px/1.6 var(--mono);color:var(--muted);word-break:break-word}.logline .stage{color:var(--accent-2)}pre.script{margin:0;font:11px/1.5 var(--mono);white-space:pre-wrap;word-break:break-word;color:var(--muted)}.notice{margin-bottom:10px;padding:10px 12px;border-radius:10px;background:#ff5a361f;border:1px solid rgba(255,90,54,.35);font-size:13px;line-height:1.5}.sheet-making .sheet-head h2{font-size:17px}.making-premise{margin:-2px 24px 4px;color:var(--muted);font-size:14px;line-height:1.45;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.working,.failure,.ready{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 20px 24px;text-align:center}.clapper{width:76px;height:64px;overflow:visible}.clapper .stick{fill:#2a2a33}.clapper .board{fill:#1f1f27}.clapper .stripes{fill:#f5f5f7}.clapper .slate-line{fill:#f5f5f738}.clapper-arm{transform-box:view-box;transform-origin:4px 13px;animation:clap 2.1s ease-in-out infinite}@keyframes clap{0%,55%,to{transform:rotate(0)}20%{transform:rotate(-26deg)}30%{transform:rotate(0)}36%{transform:rotate(-4deg)}}.clapper .tally{fill:var(--brand);animation:tally 2.1s ease-in-out infinite}@keyframes tally{0%,to{opacity:.35}30%{opacity:1}}.working-note{font:12.5px var(--mono);letter-spacing:.02em;color:var(--text-2);font-variant-numeric:tabular-nums}.progress{width:min(420px,82vw);height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-fill{width:0%;height:100%;border-radius:inherit;background:var(--grad);transition:width .8s ease}.working-detail{max-width:min(520px,86vw);min-height:1.4em;font-size:14px;font-style:italic;line-height:1.4;color:var(--text);opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.working-detail:empty{display:none}.making-actions{display:flex;gap:8px;margin-top:6px}.failure{max-width:620px;margin:0 auto}.failure-reason{margin:0;font-size:15px;line-height:1.5}.failure-actions{display:flex;gap:8px}.failure-details{width:100%;color:var(--muted);font-size:13px}.failure-details summary{cursor:pointer}.failure-details pre{margin:8px 0 0;padding:10px 12px;max-height:30dvh;overflow:auto;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 var(--mono);background:var(--bg);border-radius:10px}.ready-title{margin:0;font-size:20px;font-weight:800;letter-spacing:-.01em}.ready-logline{margin:-6px 0 4px;color:var(--text-2);line-height:1.45}.sheet-making[data-state=ready] .making-premise{display:none}.making-pill{position:fixed;top:calc(56px + env(safe-area-inset-top));left:50%;translate:-50% 0;z-index:40;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 110px);padding:7px 14px 7px 7px;border:1px solid var(--line-2);border-radius:999px;background:#14141ae0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 28px #00000073;font-size:13px;font-weight:650;animation:pill-in .3s var(--ease)}.making-pill:hover:not(:disabled){background:#1e1e26f2}body:not([data-view=home]):not(.in-player) .making-pill{top:auto;bottom:calc(var(--nav-h) + 12px)}@keyframes pill-in{0%{transform:translateY(16px);opacity:0}}.pill-ring{--p: 0;flex:none;width:26px;height:26px;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--p) * 360deg),rgba(255,255,255,.14) 0);-webkit-mask:radial-gradient(circle,transparent 8px,#000 8.5px);mask:radial-gradient(circle,transparent 8px,#000 8.5px);transition:background .6s}.making-pill[data-state=working] .pill-ring{animation:ring-breathe 1.8s ease-in-out infinite}@keyframes ring-breathe{50%{opacity:.6}}.making-pill[data-state=ready] .pill-ring{background:var(--ok)}.making-pill[data-state=failed] .pill-ring{background:var(--danger)}.pill-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.toasts{position:fixed;left:50%;bottom:calc(var(--nav-h) + 70px);z-index:70;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(440px,calc(100vw - 24px));transform:translate(-50%);pointer-events:none}.toast{display:flex;align-items:center;gap:12px;max-width:100%;padding:11px 12px 11px 16px;border-radius:14px;background:#f5f5f7f5;color:#111;box-shadow:0 10px 30px #0006;font-size:14px;font-weight:600;line-height:1.35;pointer-events:auto;animation:toast-in .28s var(--ease);transition:opacity .3s,transform .3s}.toast.leaving{opacity:0;transform:translateY(8px)}.toast button{flex:none;padding:7px 12px;border:0;border-radius:10px;background:#111;color:#fff;font-weight:700;font-size:13px}.toast button:hover:not(:disabled){background:#000}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}dialog{color:var(--text)}dialog::backdrop{background:#0000009e;backdrop-filter:blur(3px)}.ask{width:min(400px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 24px 80px #0009}.ask form{display:flex;flex-direction:column;gap:12px;padding:22px}.ask h2{margin:0;font-size:19px;font-weight:800}.ask p{margin:0;color:var(--text-2);line-height:1.5;font-size:14px}.ask input{height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg);color:var(--text);font:inherit;font-size:16px;outline:none}.ask input:focus{border-color:var(--brand)}.ask .ask-error{color:var(--danger);font-size:13px}.ask-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.composer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--surface)}.composer form{display:flex;flex-direction:column;gap:12px;height:100%;padding:calc(8px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.composer-head{display:flex;align-items:center;gap:8px}.composer-head h2{flex:1;margin:0;font-size:17px;font-weight:800;text-align:center}.composer-close{color:var(--text-2)}#produce{min-height:38px;padding:8px 18px}.composer-hint{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.composer textarea{flex:1;width:100%;min-height:30dvh;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:16px/1.55 var(--font);resize:none}.composer textarea:focus{outline:none;border-color:var(--line-2)}.composer-ideas{display:flex;gap:8px;margin:0 -14px;padding:0 14px;overflow-x:auto;scrollbar-width:none}.composer-ideas::-webkit-scrollbar{display:none}.composer-ideas button{flex:none;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text-2);font-size:13px;white-space:nowrap}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.composer-count{font:12px var(--mono)}@media(pointer:coarse){.composer-tip{display:none}}@media(min-width:720px)and (min-height:501px){:root{--nav-h: 0px;--nav-w: 76px}body.with-comments{--dock: 400px}.app{grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"nav views"}.views{margin-right:var(--dock);transition:margin-right .28s var(--ease)}.nav,body:not([data-view=home]) .nav{width:var(--nav-w);height:auto;flex-direction:column;gap:10px;padding:16px 10px;background:var(--bg);border-top:0;border-right:1px solid var(--line)}.nav-brand{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;margin-bottom:10px;padding:0 8px;background:none;border:0}.nav-brand:hover:not(:disabled){background:none}.nav-brand [data-mark]{width:34px;height:34px;flex:none}.wordmark{display:none;font-size:23px;font-weight:900;letter-spacing:-.04em}.nav-items{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px}.nav-item{flex:none;flex-direction:row;justify-content:center;gap:14px;min-height:50px;padding:10px;font-size:16px;font-weight:650;color:var(--text-2)}.nav-item:hover:not(:disabled){background:var(--surface);color:var(--text)}.nav-item .lbl{display:none}.nav-item[aria-current=page]{color:var(--brand)}.nav-create{order:9;width:auto;height:46px;margin:14px 0 0;box-shadow:none;border-radius:12px}body:has(#studio-open:not([hidden])) .nav-studio{display:flex!important}.view-home{--frame-h: min( calc(100dvh - 32px) , calc((100vw - var(--nav-w) - var(--dock) - 220px) * 16 / 9));--frame-w: calc(var(--frame-h) * 9 / 16);background:radial-gradient(70% 60% at 50% 45%,#17121c 0%,var(--bg) 70%)}.slide{display:flex;align-items:center;justify-content:center}.slide-frame{position:relative;inset:auto;width:var(--frame-w);height:var(--frame-h);border-radius:18px;box-shadow:0 20px 60px #00000080}.slide-frame>.poster{padding:30% 24px 0}.rail{left:calc(50% + var(--frame-w) / 2 + 14px);right:auto;bottom:calc((100% - var(--frame-h)) / 2 + 8px);gap:14px}.rail-btn{color:var(--text-2);text-shadow:none;font-size:12.5px;gap:5px}.rail-ic{width:50px;height:50px;border-radius:50%;background:var(--surface-2);color:var(--text);filter:none}.rail-btn:hover .rail-ic{background:var(--surface-3)}.rail-ic .ic{width:26px;height:26px}.rail-remix .rail-ic .ic{width:24px;height:24px}.rail-more .rail-ic{height:50px}.disc{display:none}.scrub-track{height:3px}.feed-top{left:50%;right:auto;width:var(--frame-w);top:calc((100% - var(--frame-h)) / 2);transform:translate(-50%);padding:8px}.feed-search{visibility:hidden}.feed-arrows{position:absolute;right:22px;top:50%;z-index:12;display:flex;flex-direction:column;gap:12px;transform:translateY(-50%)}.feed-arrows .icon-btn{width:48px;height:48px;background:var(--surface-2);color:var(--text)}.feed-arrows .icon-btn:hover:not(:disabled){background:var(--surface-3)}.feed-arrows .icon-btn:disabled{opacity:.3}.player-view{left:0;background:#060609f7;backdrop-filter:blur(20px)}.player-view{--frame-h: min( calc(100dvh - 32px) , calc((100vw - var(--dock) - 220px) * 16 / 9));--frame-w: calc(var(--frame-h) * 9 / 16);right:var(--dock)}.player-back{top:18px;left:18px;background:var(--surface-2)}.view-page{padding:28px 36px 48px}.view-page>*{max-width:1180px;margin-left:auto;margin-right:auto}.view-page>.chips{margin-left:auto;margin-right:auto;padding:0}.page-head{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.page-head h1{margin:0}.search-box{width:min(420px,50%)}.seg{max-width:420px;margin-left:0}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px 16px}.settings,.about,.view-me .section-title,#view-me .grid-empty,#view-me .studio-card{max-width:720px}.view-me .grid{max-width:1180px}.sheet{inset:50% auto auto 50%;width:min(480px,92vw);max-height:82vh;padding-bottom:0;border-radius:20px;border:1px solid var(--line);box-shadow:0 30px 90px #0009;transform:translate(-50%,-47%) scale(.98);opacity:0}.sheet.open{transform:translate(-50%,-50%);opacity:1}.sheet-details{width:min(620px,92vw);height:min(720px,82vh)}.grip{display:none}.sheet-head{padding-top:10px}.sheet-comments{inset:0 0 0 auto;width:400px;height:auto;max-height:none;border-radius:0;border:0;border-left:1px solid var(--line);box-shadow:none;transform:translate(100%);opacity:1}.sheet-comments.open{transform:none}.sheet-comments .sheet-head{justify-content:flex-start;padding-left:20px}.making-pill,body:not([data-view=home]):not(.in-player) .making-pill{top:auto;left:calc(var(--nav-w) + 20px);bottom:20px;translate:none;max-width:360px}.toasts{bottom:28px;left:calc(50% + var(--nav-w) / 2)}.composer{width:min(680px,calc(100vw - 48px));height:auto;max-height:calc(100dvh - 64px);margin:auto;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 90px #0009}.composer form{padding:16px 20px 18px}.composer textarea{min-height:260px;max-height:50dvh;font-size:15px}.composer-ideas{margin:0;padding:0;flex-wrap:wrap;overflow:visible}}@media(min-width:1100px)and (min-height:501px){:root{--nav-w: 232px}.nav,body:not([data-view=home]) .nav{padding:18px 14px}.nav-brand{justify-content:flex-start;padding:0 10px}.wordmark{display:inline}.nav-item{justify-content:flex-start;padding:10px 14px}.nav-item .lbl{display:inline}.nav-create{display:flex;justify-content:center;gap:8px;padding:0 16px;font-weight:750;font-size:15px}.nav-create .lbl{display:inline}.nav-foot{display:block;margin-top:auto;padding:14px 10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px;line-height:1.5}.nav-foot p{margin:0 0 8px}.nav-legal{font-size:11.5px;opacity:.8}}@media(max-height:500px)and (orientation:landscape){:root{--nav-h: 0px;--nav-w: calc(60px + env(safe-area-inset-left)) }.app{grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"nav views"}.nav,body:not([data-view=home]) .nav{width:var(--nav-w);height:auto;padding:env(safe-area-inset-top) 4px env(safe-area-inset-bottom) calc(4px + env(safe-area-inset-left));border-top:0;border-right:1px solid rgba(255,255,255,.07)}.nav-items{flex-direction:column;justify-content:space-evenly;height:100%}.nav-item{flex:none;min-height:44px}.nav-item .lbl{display:none}.nav-create{margin:0}.slide-info{right:92px;bottom:30px}.slide-title{font-size:15px;-webkit-line-clamp:1}.slide-logline{-webkit-line-clamp:1;font-size:13px}.slide-sound,.slide-tags{display:none}.slide-center{top:50%;gap:6px}.poster{padding-top:6%}.rail{bottom:30px;gap:0}.rail-ic{width:40px;height:36px}.rail-ic .ic{width:26px;height:26px}.rail-btn{font-size:10.5px;min-width:48px}.rail-btn .n{margin-top:-3px}.rail-remix,.disc,.feed-search{display:none}.subtitle{bottom:var(--caption-bottom, 84px);font-size:14.5px;padding:5px 12px}.sheet{max-height:92dvh}.sheet-details{height:92dvh}body.with-comments{--dock: min(360px, 48vw)}.views{margin-right:var(--dock);transition:margin-right .28s var(--ease)}.player-view{right:var(--dock)}.sheet-comments{left:auto;top:0;width:min(360px,48vw);height:auto;max-height:none;padding-bottom:env(safe-area-inset-bottom);border-radius:0;box-shadow:none;border-left:1px solid var(--line);transform:translate(100%)}.sheet-comments.open{transform:none}.sheet-comments .grip{display:none}.making-pill,body:not([data-view=home]):not(.in-player) .making-pill{top:auto;left:calc(var(--nav-w) + 12px);bottom:12px;translate:none}.toasts{bottom:24px}}@media(max-width:719px)and (orientation:portrait){body.with-comments .feed{overflow:hidden}body.with-comments .slide.is-active .slide-frame{transform:translateY(calc(env(safe-area-inset-top) + 6px)) scale(.28);transform-origin:50% 0;border-radius:12px;transition:transform .28s var(--ease),border-radius .28s}body.with-comments .slide-info,body.with-comments .rail,body.with-comments .feed-top,body.with-comments .player-back{opacity:0;pointer-events:none}.slide-frame{transition:transform .28s var(--ease)}}@media(prefers-reduced-motion:reduce){.clapper-arm{animation:none;transform:rotate(-18deg);transform-box:view-box;transform-origin:4px 13px}.clapper .tally{animation:none;opacity:1}.slide.is-live:not(.is-paused) .marquee>span,.disc,.making-pill[data-state=working] .pill-ring{animation:none}.heart-burst{animation-duration:.6s}.feed{scroll-behavior:auto}}@supports (-webkit-touch-callout: none){.composer textarea,.comment-field input,.ask input,.search-box input{font-size:16px}}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(./title-9mHNbWWO.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(./clean-LgqL8muc.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(./serif-CuDiGg7c.woff2) format("woff2")}@font-face{font-family:Great Vibes;font-style:normal;font-weight:400;font-display:swap;src:url(./script-q5-78SH_.woff2) format("woff2")}@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(./handwritten-BF23djCy.woff2) format("woff2")}@font-face{font-family:Special Elite;font-style:normal;font-weight:400;font-display:swap;src:url(./typewriter-YjDd9tmf.woff2) format("woff2")}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(./comic-DeHY8Ncq.woff2) format("woff2")}@font-face{font-family:Creepster;font-style:normal;font-weight:400;font-display:swap;src:url(./horror-DnKpM-ys.woff2) format("woff2")}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(./pixel-_wFEWmAB.woff2) format("woff2")}.screen-texts{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.screen-text{position:absolute;max-width:86%;color:#fff;line-height:1.12;white-space:pre-line;overflow-wrap:normal;text-shadow:0 2px 10px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.9);transition:opacity .35s ease}.screen-text.leaving{opacity:0}.screen-text.pos-center{left:50%;top:50%;transform:translate(-50%,-50%)}.screen-text.pos-top{left:50%;top:calc(9% + env(safe-area-inset-top));transform:translate(-50%)}.screen-text.pos-bottom{left:50%;bottom:14%;transform:translate(-50%)}.screen-text.pos-lower_third{left:6%;bottom:24%}.screen-text[class*=pos-bottom],.screen-text.pos-lower_third{transition:bottom .2s ease}.screen-text.pos-top_left{left:6%;top:calc(9% + env(safe-area-inset-top))}.screen-text.pos-top_right{right:6%;top:calc(9% + env(safe-area-inset-top))}.screen-text.pos-bottom_left{left:6%;bottom:14%}.screen-text.pos-bottom_right{right:6%;bottom:14%}.screen-text.align-left{text-align:left}.screen-text.align-center{text-align:center}.screen-text.align-right{text-align:right}.screen-text.font-title{font-family:Bebas Neue,Impact,Arial Narrow,sans-serif;letter-spacing:.04em}.screen-text.font-clean{font-family:Inter,system-ui,sans-serif;font-weight:600}.screen-text.font-serif{font-family:Playfair Display,Georgia,serif;font-weight:700}.screen-text.font-script{font-family:Great Vibes,Brush Script MT,cursive}.screen-text.font-handwritten{font-family:Permanent Marker,Comic Sans MS,cursive}.screen-text.font-typewriter{font-family:Special Elite,Courier New,monospace}.screen-text.font-comic{font-family:Bangers,Impact,sans-serif;letter-spacing:.05em;-webkit-text-stroke:1.5px #000}.screen-text.font-horror{font-family:Creepster,Chiller,fantasy;letter-spacing:.05em}.screen-text.font-pixel{font-family:"Press Start 2P",monospace;line-height:1.5}.screen-text.size-small{font-size:clamp(13px,3.2vmin,22px)}.screen-text.size-medium{font-size:clamp(17px,4.6vmin,34px)}.screen-text.size-large{font-size:clamp(24px,7vmin,56px)}.screen-text.size-huge{font-size:clamp(36px,12vmin,104px)}.screen-text.font-pixel.size-large{font-size:clamp(16px,4.6vmin,36px)}.screen-text.font-pixel.size-huge{font-size:clamp(22px,7vmin,60px)}.screen-text.style-box{background:#0a0c12b8;padding:.35em .6em;border-radius:6px;text-shadow:none}.screen-text.style-band{left:0!important;right:0!important;max-width:none;transform:none!important;background:#0a0c12a8;padding:.4em 6%;text-shadow:none}.screen-text.style-band.pos-center{top:50%;translate:0 -50%}.screen-text.anim-fade{animation:text-fade .5s ease both}.screen-text.anim-pop>span{display:inline-block;animation:text-pop .45s cubic-bezier(.2,1.6,.4,1) both}.screen-text.anim-slide{animation:text-slide .5s ease-out both}.screen-text.anim-type>span{display:inline-block;animation:text-type var(--type-time, 1s) steps(var(--chars, 20)) both}@keyframes text-fade{0%{opacity:0}}@keyframes text-pop{0%{transform:scale(.2);opacity:0}}@keyframes text-slide{0%{opacity:0;translate:-40px 0}}@keyframes text-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.studio-open{flex:0 0 auto;padding:8px 12px;white-space:nowrap}.studio-open[hidden],.studio[hidden]{display:none}.studio{position:fixed;inset:0;z-index:50;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at top,#141a28 0%,var(--bg) 60%) var(--bg)}.studio-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 10px calc(16px + env(safe-area-inset-left));background:#131722f0;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.studio-head h2{flex:1;margin:0;font-size:17px;font-weight:650;letter-spacing:.02em}.studio-back,.studio-refresh{width:40px;height:40px;padding:0;border-radius:50%;font-size:18px;flex:0 0 auto}.studio-refresh.spinning{animation:feed-spin .9s linear infinite}.studio-tidy{height:34px;padding:0 14px;border-radius:17px;font-size:13px;font-weight:600;flex:0 0 auto;white-space:nowrap}.studio-tidy[hidden]{display:none}.studio-note{max-width:1100px;margin:14px auto 0;padding:0 calc(16px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left));color:var(--muted);font-size:13px;line-height:1.5}.studio-note:empty{display:none}.studio-filter{display:flex;flex-wrap:wrap;gap:8px;max-width:1100px;margin:12px auto 0;padding:0 calc(16px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left))}.studio-filter[hidden]{display:none}.studio-filter button{min-height:36px;padding:6px 14px;border-radius:999px;font-size:13px;color:var(--text-2)}.studio-filter button span{margin-left:2px;color:var(--muted);font-variant-numeric:tabular-nums}.studio-filter button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg);font-weight:600}.studio-filter button[aria-pressed=true] span{color:inherit;opacity:.7}.studio-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));align-items:start;gap:18px;max-width:1100px;margin:0 auto;padding:16px calc(16px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.studio-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 8px;text-align:center;color:var(--muted);font-size:14px;line-height:1.5}.studio-empty p{margin:0;max-width:420px}.episode{display:flex;flex-direction:column;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.episode-frame{position:relative;height:min(70dvh,620px);aspect-ratio:9 / 16;max-width:100%;margin:0 auto;border-radius:10px;overflow:hidden;background:#000}.episode-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.episode-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.episode-status .pill{font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.episode-status .pill.rendered{color:#6fd08c;border-color:#2f6b43}.episode-status .pill.producing{color:#d0a54a;border-color:#6b5a2f}.episode-status .pill.failed{color:#f08a8a;border-color:#7a2f36}.episode-status .pill.queued{color:var(--text-2);border-color:var(--line-2)}.episode-status .pill.rendering{color:#8fc3e6;border-color:#2f5a6b}.episode-meta{font:11px/1.5 var(--mono);color:var(--muted);overflow-wrap:anywhere}.episode h3{margin:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.episode-warn{margin:0;font-size:12px;color:#d0a54a}.episode-error{margin:0;font:12px/1.5 var(--mono);color:#f08a8a;overflow-wrap:anywhere;white-space:pre-line}.episode-description{margin:0;font-size:13px;line-height:1.5;color:var(--text);opacity:.85;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.episode-description.open{display:block}.episode-description:empty{display:none}.episode-tags{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;font-size:12px;color:var(--accent-2);overflow-wrap:anywhere}.episode-tags:empty{display:none}.episode-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.episode-actions button{min-height:42px;padding:8px 10px;font-size:13px}.episode-actions .download{grid-column:1 / -1;background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.episode-actions .download:hover:not(:disabled){background:#ef6f47;border-color:#ef6f47}.episode-actions button.done{border-color:#2f6b43;color:#6fd08c}.episode-actions .make,.render-actions .make{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.episode-actions .make:hover:not(:disabled),.render-actions .make:hover:not(:disabled){background:#ef6f47;border-color:#ef6f47}.episode:not(.scene-card) .episode-actions>:nth-child(6){grid-column:1 / -1}.episode-actions [data-act=again]:not(.make){background:transparent;color:var(--muted)}.episode-actions [data-act=again]:not(.make):hover:not(:disabled){background:var(--surface-2);color:var(--text)}.scene-card{flex-direction:row;align-items:flex-start;gap:12px}.scene-thumb{position:relative;flex:0 0 auto;width:76px;aspect-ratio:9 / 16;border-radius:8px;overflow:hidden;background:linear-gradient(to bottom,var(--sky) 0 58%,var(--floor) 58% 100%)}.scene-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-body{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.scene-card h3{font-size:15px}.scene-logline{margin:0;font-size:13px;line-height:1.45;color:var(--text-2);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.scene-card .episode-actions button{min-height:40px;padding:7px 8px}.render-state{margin:0;font-size:13px;line-height:1.45;color:var(--text-2);overflow-wrap:anywhere}.render-state.rendering{display:flex;flex-direction:column;gap:6px;color:#8fc3e6;font-weight:600;font-variant-numeric:tabular-nums}.render-bar{display:block;height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}.render-bar>span{display:block;height:100%;border-radius:inherit;background:var(--grad);transition:width .6s var(--ease)}.here-panel{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;gap:14px;align-items:flex-start;width:min(440px,calc(100vw - 32px));padding:14px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface-2);box-shadow:0 12px 40px #00000080}.here-preview{flex:none;width:108px;height:192px;overflow:hidden;border-radius:8px;background:#000}.here-preview iframe{width:540px;height:960px;border:0;transform:scale(.2);transform-origin:0 0;pointer-events:none}.here-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.here-title{margin:0;font-weight:700;overflow-wrap:anywhere}.here-step{margin:0;font-variant-numeric:tabular-nums;color:var(--text-2)}.here-note{margin:0;font-size:12.5px;color:var(--muted)}.here-stop{align-self:flex-start}.render-hint{margin:0;font-size:12px;line-height:1.45;color:#d0a54a}.render-actions{display:flex;flex-wrap:wrap;gap:8px}.render-actions button{flex:1 1 120px;min-height:40px;padding:7px 10px;font-size:13px}@media(min-width:730px){.studio-list{grid-auto-rows:8px;row-gap:0}.studio-list>article{grid-row-end:span var(--rows, 1);margin-bottom:18px}}@media(max-width:560px){.studio-open{padding:8px 10px}.studio-open .lbl{display:none}}@media(pointer:coarse){.studio-open{min-height:40px;min-width:40px}}@font-face{font-family:AI-TV Caption;font-style:normal;font-weight:800;font-display:block;src:url(./caption-BYj_oED-.woff2) format("woff2")}html.render{--safe-top: 12%;--safe-bottom: 25%;--safe-side: 16%}html.render #app{display:block;height:100%}html.render #app>:not(.stage-park){display:none!important}html.render .stage-park{position:fixed;inset:0;width:auto;height:auto;opacity:1;overflow:hidden}html.render .stage{opacity:1;transition:none}.render-brand{display:none}html.render .render-brand{position:absolute;z-index:6;top:6.5%;left:5%;display:flex;align-items:center;gap:7px;height:36px;opacity:.94;pointer-events:none}html.render .render-brand img{height:100%;width:auto}html.render .render-brand span{font:800 22px/1 AI-TV Caption,Inter,system-ui,sans-serif;color:#fff;letter-spacing:.01em;-webkit-text-stroke:4px #000;paint-order:stroke fill;text-shadow:0 2px 8px rgba(0,0,0,.45)}html.render .subtitle{left:50%}html.render .subtitle{bottom:var(--safe-bottom);max-width:calc(100% - 2 * var(--safe-side));width:max-content;padding:0;background:none;backdrop-filter:none;border:0;border-radius:0;color:#fff;font:800 30px/1.2 AI-TV Caption,Inter,system-ui,sans-serif;letter-spacing:.005em;-webkit-text-stroke:6px #000;paint-order:stroke fill;text-shadow:0 3px 12px rgba(0,0,0,.5)}html.render .subtitle .speaker{font-size:14px;letter-spacing:.12em;margin-bottom:5px;opacity:1;-webkit-text-stroke:4px #000}html.render .subtitle.long{font-size:24px;-webkit-text-stroke-width:5px}html.render.one-voice .subtitle .speaker{display:none}html.render .screen-text{max-width:calc(100% - 2 * var(--safe-side))}html.render .screen-text.pos-top,html.render .screen-text.pos-top_left,html.render .screen-text.pos-top_right{top:var(--safe-top)}html.render .screen-text.pos-top_right,html.render .screen-text.pos-bottom_right{right:var(--safe-side)}html.render .screen-text.pos-bottom,html.render .screen-text.pos-bottom_left,html.render .screen-text.pos-bottom_right{bottom:calc(var(--safe-bottom) + 2%)}html.render .screen-text.pos-lower_third{bottom:calc(var(--safe-bottom) + 9%)}html.render .screen-text.style-band{padding-left:var(--safe-side);padding-right:var(--safe-side)}