:root{--font: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-pill: 999px;--sidebar-w: 272px;--topbar-h: 56px;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{background-color:var(--paper, #0E0E11)}:root[data-theme=light]{background-color:var(--paper, #F2F2F4)}html,body,#root{height:100%}@supports (height: 100dvh){body,#root{height:100dvh}}body{margin:0;font-family:var(--font);font-size:15px;line-height:1.5;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--accent-text)}.boot{height:100%;background:var(--paper)}.muted{color:var(--ink-muted)}.small{font-size:13px}.label{font-weight:700;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.hr{height:1px;background:var(--hairline)}.stack{display:flex;flex-direction:column;gap:14px}.stack>.btn{align-self:flex-start}.shell{display:flex;height:100%}.shell-side{flex:0 0 var(--sidebar-w);width:var(--sidebar-w);height:100%;background:var(--surface);border-right:1px solid var(--hairline);transition:margin-left .28s var(--ease),transform .28s var(--ease);z-index:20}.shell.sidebar-closed .shell-side{margin-left:calc(-1 * var(--sidebar-w))}.shell-main{flex:1 1 auto;min-width:0;height:100%;display:flex;flex-direction:column}.shell.is-narrow .shell-side{position:fixed;top:0;left:0;bottom:0;margin-left:0;transform:translate(-100%);box-shadow:none}.shell.is-narrow.sidebar-open .shell-side{transform:translate(0);box-shadow:var(--shadow)}.shell-scrim{position:fixed;inset:0;background:var(--scrim);z-index:15}.sidebar{display:flex;flex-direction:column;height:100%;padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px))}.side-top{padding:4px 8px 14px}.side-brand{display:inline-flex;align-items:center;border-radius:var(--r-sm)}.side-nav{display:flex;flex-direction:column;gap:2px;padding-bottom:14px}.side-link{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:var(--r-md);color:var(--ink);font-weight:500;font-size:15px;text-decoration:none;transition:background-color .15s ease}.side-link svg:first-child{color:var(--ink-muted)}.side-link:hover{background:var(--surface-alt)}.side-link.is-active{background:var(--accent-soft);color:var(--accent-soft-text);font-weight:700}.side-link.is-active svg:first-child{color:var(--accent-soft-text)}.side-link-ext{margin-left:auto;color:var(--ink-faint)}.side-section{padding:8px 10px 6px;font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.side-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:8px;scrollbar-width:thin}.side-empty{padding:4px 10px;font-size:13.5px;line-height:1.45;color:var(--ink-faint)}.side-conv{position:relative;display:flex;align-items:stretch;border-radius:var(--r-md)}.side-conv:hover{background:var(--surface-alt)}.side-conv.is-active{background:var(--accent-soft)}.side-conv-main{flex:1;min-width:0;text-align:left;padding:8px 10px;display:flex;flex-direction:column;gap:3px;border-radius:var(--r-md)}.side-conv-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500;color:var(--ink)}.side-conv.is-active .side-conv-title{font-weight:700;color:var(--accent-soft-text)}.side-conv-meta{display:flex;align-items:center;gap:8px}.side-conv-badge{font-family:var(--mono);font-size:10px;padding:1px 5px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-soft-text)}.side-conv.is-active .side-conv-badge{background:var(--surface);color:var(--ink)}.side-conv-date{font-family:var(--mono);font-size:11px;color:var(--ink-faint)}.side-conv-delete{position:absolute;right:6px;top:50%;transform:translateY(-50%);opacity:0}.side-conv:hover .side-conv-delete,.side-conv-delete:focus-visible{opacity:1}.side-bottom{padding-top:10px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--hairline)}.side-new{border-radius:var(--r-pill)}.side-profile{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-lg);text-decoration:none;color:var(--ink);overflow:hidden;border:1px solid var(--glass-border);background:var(--liquid-fill);box-shadow:inset 0 1px 0 var(--liquid-rim),var(--shadow);transition:background-color .28s var(--ease),border-color .28s var(--ease),transform .28s var(--ease)}.side-profile:hover{background:var(--liquid-fill-strong);border-color:var(--hairline-strong);transform:translateY(-1px)}.side-profile:active{transform:translateY(0) scale(.99)}.side-profile.is-active,.side-profile.is-active:hover{background:var(--accent-soft);color:var(--accent-soft-text);border-color:var(--liquid-border-soft);box-shadow:inset 0 1px 0 var(--liquid-rim-soft),var(--shadow)}@media(prefers-reduced-motion:reduce){.side-profile:hover{transform:none}}.side-avatar{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-text);font-weight:800;font-size:15px;box-shadow:inset 0 1px 0 var(--glass-sheen),0 1px 3px #0000002e}.side-profile-text{min-width:0;display:flex;flex-direction:column}.side-profile-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.side-profile-email{font-size:12px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-profile.is-active .side-profile-email{color:var(--accent-soft-text);opacity:.8}.side-profile-chevron{margin-left:auto;color:var(--ink-faint);flex:none}.side-profile.is-active .side-profile-chevron{color:var(--accent-soft-text)}.screen{display:flex;flex-direction:column;height:100%;min-height:0}.topbar{flex:none;height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:calc(16px + env(safe-area-inset-right,0px));padding-left:calc(12px + env(safe-area-inset-left,0px));border-bottom:1px solid var(--hairline);background:var(--paper)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:6px;min-width:0}.topbar-title{font-size:16px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:4px}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--r-md);color:var(--ink-muted);transition:background-color .15s ease,color .15s ease}.icon-btn:hover{background:var(--surface-alt);color:var(--ink)}.icon-btn-sm{width:28px;height:28px;border-radius:var(--r-sm)}.topbar-toggle.is-on{color:var(--ink)}.credits-pill{display:inline-flex;align-items:baseline;gap:5px;height:34px;padding:0 12px;align-items:center;border:1px solid var(--glass-border);border-radius:var(--r-pill);background:var(--liquid-fill);text-decoration:none;transition:border-color .15s ease}.credits-pill:hover{border-color:var(--accent)}.credits-pill-n{font-family:var(--mono);font-weight:700;font-size:14px}.credits-pill-label{font-size:12.5px;color:var(--ink-muted)}.page{flex:1 1 auto;min-height:0;overflow-y:auto;padding:28px 24px 48px}.page.page-center{display:flex;flex-direction:column;justify-content:safe center;padding-bottom:28px}.page.page-center>*{flex:0 0 auto;width:100%}:root{--liquid-rim-soft: rgba(255, 255, 255, .85);--liquid-border-soft: rgba(17, 17, 20, .1)}:root[data-theme=light]{--liquid-fill: rgba(255, 255, 255, .5);--liquid-fill-strong: rgba(255, 255, 255, .68);--liquid-rim: rgba(255, 255, 255, .9)}:root[data-theme=dark]{--liquid-fill: rgba(255, 255, 255, .06);--liquid-fill-strong: rgba(255, 255, 255, .1);--liquid-rim: rgba(255, 255, 255, .14)}.liquid{position:relative;isolation:isolate}.liquid-layer .glass{box-shadow:none!important}@supports not (backdrop-filter: blur(1px)){.liquid-layer{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;border-radius:var(--r-md);font-weight:700;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:opacity .15s ease,transform .15s ease,background-color .15s ease}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.5}.btn-lg{min-height:50px;font-size:16px}.btn-md{min-height:42px;font-size:14.5px;padding:0 18px}.btn-sm{min-height:34px;font-size:13.5px;padding:0 14px}.btn-full{width:100%}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:transparent;border-color:var(--hairline-strong);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--surface-alt)}.btn-danger{background:var(--danger);color:#fff}.surface{position:relative;display:block;width:100%;text-align:left;border:1px solid var(--glass-border);border-radius:var(--r-xl);background:var(--liquid-fill);overflow:hidden;color:inherit}.surface:before{content:"";position:absolute;inset:0;height:40%;pointer-events:none;background:linear-gradient(to bottom,var(--glass-sheen),transparent);opacity:.6}.surface>*{position:relative}.surface-padded{padding:20px}.surface-press{transition:transform .15s ease}.surface-press:hover{border-color:var(--hairline-strong)}.surface-press:active{transform:scale(.985)}.banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--surface-alt);font-size:14px;line-height:1.4}.banner-icon{flex:none}.banner-text{flex:1}.banner-error .banner-icon{color:var(--danger)}.banner-success .banner-icon{color:var(--success)}.banner-warning .banner-icon{color:var(--warning)}.banner-info .banner-icon{color:var(--ink-muted)}.skeleton{background:var(--hairline);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:.95}}.spinner{display:inline-block;border-radius:50%;border:2px solid var(--hairline-strong);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:500;color:var(--ink-muted)}.field-wrap{position:relative}.field-input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--hairline-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);transition:border-color .15s ease}.field-input::placeholder{color:var(--ink-faint)}.field-input:focus{outline:none;border-color:var(--accent)}.field-input-error{border-color:var(--danger)}.field-input-secure{padding-right:46px}.field-input:disabled{opacity:.6}.field-eye{position:absolute;right:0;top:0;bottom:0;width:46px;display:grid;place-items:center;color:var(--ink-faint)}.field-error{font-size:13px;color:var(--danger)}.segmented{position:relative;display:flex;padding:4px;border:1px solid var(--glass-border);border-radius:var(--r-pill);background:var(--liquid-fill)}.segmented-thumb{position:absolute;top:4px;left:4px;bottom:4px;border-radius:var(--r-pill);background:var(--liquid-fill-strong);border:1px solid var(--glass-border);transition:transform .25s var(--ease)}.segmented-accent .segmented-thumb{background:var(--accent);border-color:var(--accent)}.segmented-item{position:relative;flex:1;height:38px;border-radius:var(--r-pill);font-weight:500;font-size:14px;color:var(--ink-muted)}.segmented-sm .segmented-item{height:32px;font-size:13.5px}.segmented-item.is-selected{font-weight:700;color:var(--ink)}.segmented-accent .segmented-item.is-selected{color:var(--accent-text)}.status-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11.5px;color:var(--ink-muted)}.tag-success svg{color:var(--success)}.tag-warning svg{color:var(--warning)}.tag-danger svg{color:var(--danger)}.tag-muted svg{color:var(--ink-faint)}.wordmark{display:inline-flex;align-items:center;font-weight:800;letter-spacing:-.02em;line-height:1;color:var(--ink)}.wordmark-stop{margin-left:3px;padding:2px 5px 1px;border-radius:4px;background:var(--bar);color:var(--bar-text)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:64px 20px}.empty-icon{color:var(--ink-faint)}.empty-title{font-size:18px;font-weight:700}.empty-body{max-width:300px;font-size:14px;color:var(--ink-muted)}.empty-action{margin-top:6px}.chip{min-height:36px;padding:0 14px;border:1px solid var(--glass-border);border-radius:var(--r-pill);background:var(--liquid-fill);font-weight:500;font-size:14px;color:var(--ink);transition:border-color .15s ease,opacity .15s ease}.chip:hover:not(:disabled){border-color:var(--hairline-strong)}.chip:disabled{opacity:.45}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips-center{justify-content:center}.toasts{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:50;pointer-events:none}.toast{padding:10px 16px;border-radius:var(--r-md);background:var(--ink);color:var(--paper);font-size:14px;font-weight:500;box-shadow:var(--shadow);animation:toast-in .25s var(--ease)}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.chat-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.chat-column{width:100%;max-width:760px;margin:0 auto;min-height:100%;padding:28px 24px 24px;display:flex;flex-direction:column;gap:18px}.chat-column.is-empty{justify-content:center;align-items:center}.welcome{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.welcome-title{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.welcome-body{max-width:420px;font-size:15px;color:var(--ink-muted)}.msg{display:block}.msg-assistant,.question-bubble,.script-card,.voices-card,.chat-video,.generating-card,.error-card,.duration-card{width:fit-content;max-width:100%;align-self:flex-start;margin-right:auto}.plan-card{width:100%}.msg-user{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.bubble-images{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:78%}.bubble-image{width:64px;height:64px;border-radius:var(--r-md);overflow:hidden;background:var(--surface-alt);border:1px solid var(--hairline)}.bubble-user{max-width:78%;padding:10px 16px;border-radius:var(--r-xl);border-bottom-right-radius:var(--r-sm);background:var(--accent-soft);color:var(--accent-soft-text);font-size:15px;line-height:1.45;white-space:pre-wrap}.msg-assistant{font-size:15px;line-height:1.55}.typing{display:flex;align-items:center;gap:12px;color:var(--ink-muted);font-size:14px}.typing-dots{display:inline-flex;gap:5px}.typing-dots i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:wave 1.2s linear infinite}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes wave{0%,60%,to{opacity:.25}30%{opacity:1}}.script-card{display:flex;flex-direction:column;gap:16px}.script-part{display:flex;flex-direction:column;gap:4px}.script-part .label{font-size:11px}.script-part p{font-size:15px;line-height:1.5}.script-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:4px}.script-cost{font-size:12.5px;color:var(--ink-faint);text-align:center;margin-top:-4px}.voice-row{position:relative;display:flex;align-items:center;gap:8px;padding:0 12px 0 0;border-top:1px solid var(--hairline)}.voice-row:first-child{border-top:0}.voice-row.is-muted{opacity:.45}.voice-row-main{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:2px;padding:12px 16px;min-height:56px;justify-content:center}.voice-row-main:hover:not(:disabled){background:var(--surface-alt)}.voice-name{font-weight:700;font-size:15px}.voice-desc{font-size:13px;color:var(--ink-muted)}.voice-preview{width:32px;height:32px;border-radius:50%;border:1px solid var(--hairline-strong);color:var(--ink);flex:none}.voice-preview.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.voice-check{color:var(--accent);flex:none}.voice-row.is-selected{background:var(--accent-soft)}.voice-row.is-selected .voice-name{color:var(--accent-soft-text)}.voice-row.is-selected:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);pointer-events:none}.voices-foot{padding:12px 16px 16px;border-top:1px solid var(--hairline)}.voices-hint{font-size:13px;color:var(--ink-muted);text-align:center;margin:0}.chat-video{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.chat-video .chat-video-player{width:280px;max-width:100%;flex:none}.chat-video-title{font-weight:700;font-size:16px}.chat-video-link{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:500;color:var(--ink-muted)}.chat-video-link:hover{color:var(--ink);text-decoration:underline}.generating-card{display:flex;align-items:center;gap:12px;font-weight:500;font-size:14px}.error-card{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.error-card-row{display:flex;gap:10px;align-items:flex-start}.error-card-icon{color:var(--danger);flex:none;margin-top:2px}.frozen{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:13px;color:var(--ink-faint)}.duration-card{display:flex;flex-direction:column;gap:10px}.duration-row{display:flex;gap:8px}.duration-btn{min-width:74px;min-height:40px;padding:0 16px;border:1px solid var(--glass-border);border-radius:var(--r-pill);background:var(--liquid-fill);color:var(--ink);font-family:var(--mono);font-weight:700;font-size:15px;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.duration-btn:hover:not(:disabled){border-color:var(--hairline-strong)}.duration-btn.is-selected{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.duration-btn:disabled:not(.is-selected){opacity:.45}.duration-hint{font-size:12.5px;color:var(--ink-faint)}.question-bubble{display:flex;flex-direction:column;gap:3px}.question-why{font-size:13px;line-height:1.45;color:var(--ink-faint)}.plan-card{display:flex;flex-direction:column;gap:20px}.plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.plan-meta{display:flex;flex-wrap:wrap;gap:6px}.plan-badge{font-family:var(--mono);font-weight:700;font-size:11.5px;padding:3px 9px;border-radius:var(--r-pill);border:1px solid var(--glass-border);color:var(--ink-muted)}.plan-badge-cost{background:var(--accent-soft);border-color:transparent;color:var(--accent-soft-text)}.plan-edit{flex:none;margin:-4px -4px 0 0}.plan-section{display:flex;flex-direction:column;gap:12px}.plan-section>.label{margin-bottom:-4px}.plan-scenes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.plan-scene{display:flex;align-items:flex-start;gap:12px;padding:9px 0;border-top:1px solid var(--hairline)}.plan-scene:first-child{border-top:0;padding-top:2px}.plan-scene-n{flex:none;width:22px;height:22px;margin-top:1px;display:grid;place-items:center;border-radius:50%;background:var(--surface-alt);color:var(--ink-muted);font-family:var(--mono);font-size:11px;font-weight:700}.plan-scene-text{min-width:0;display:flex;flex-direction:column;gap:2px}.plan-scene-title{font-weight:700;font-size:14px}.plan-scene-desc{font-size:13.5px;line-height:1.45;color:var(--ink-muted)}.plan-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.plan-revise{width:100%;display:flex;flex-direction:column;gap:10px}.plan-revise-input{width:100%;resize:vertical;min-height:62px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--hairline-strong);background:var(--surface);font-size:14.5px;line-height:1.45;outline:none}.plan-revise-input:focus{border-color:var(--accent)}.plan-revise-input::placeholder{color:var(--ink-faint)}.plan-revise-row{display:flex;gap:8px;flex-wrap:wrap}.plan-free{font-size:12.5px;line-height:1.45;color:var(--ink-faint)}.composer-wrap{flex:none;width:100%;max-width:760px;margin:0 auto;padding:8px 24px max(18px,calc(env(safe-area-inset-bottom,0px) + 6px));display:flex;flex-direction:column;gap:8px}.composer{display:flex;flex-direction:column;border:1px solid var(--glass-border);border-radius:22px;background:var(--liquid-fill-strong);box-shadow:var(--shadow);transition:border-color .15s ease,opacity .15s ease}.composer:focus-within{border-color:var(--hairline-strong)}.composer.is-disabled{opacity:.6}.composer-input{width:100%;resize:none;border:0;background:transparent;outline:none;padding:14px 18px 6px;font-size:15.5px;line-height:1.45;min-height:46px;max-height:140px}.composer-input::placeholder{color:var(--ink-faint)}.composer-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 6px 10px}.send-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-text);transition:transform .15s ease,background-color .15s ease,color .15s ease}.send-btn:disabled{background:var(--hairline-strong);color:var(--ink-faint)}.send-btn:active:not(:disabled){transform:scale(.9)}.composer-hint{text-align:center;font-size:12px;color:var(--ink-faint)}.composer-tools{display:flex;align-items:center;gap:4px;min-width:0}.attach-btn{width:34px;height:34px;border-radius:50%}.attach-btn:disabled{opacity:.4;background:none;color:var(--ink-muted)}.send-btn-cost{width:auto;padding:0 12px 0 14px;border-radius:var(--r-pill);display:inline-flex;gap:6px;font-size:13.5px;font-weight:700;font-family:var(--mono)}.composer-notice{text-align:center;font-size:12.5px;color:var(--ink-muted)}.productad-thumb{display:block;width:100%;height:100%;object-fit:cover}.productad-thumb-fallback{display:flex;align-items:center;justify-content:center;color:var(--ink-faint)}.attach-tray{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px 0}.attach-tile{position:relative;width:60px;height:60px;border-radius:var(--r-md);overflow:hidden;background:var(--surface-alt);border:1px solid var(--hairline)}.attach-tile.is-uploading .productad-thumb{opacity:.55}.attach-tile.is-failed{border-color:var(--danger)}.attach-tile.is-failed .productad-thumb{opacity:.35}.attach-progress{position:absolute;left:6px;right:6px;bottom:6px;height:4px;border-radius:2px;background:#00000059;overflow:hidden}.attach-progress>span{display:block;height:100%;background:var(--accent);transition:width .15s ease}.attach-failed{position:absolute;inset:0;display:grid;place-items:center;color:var(--danger)}.attach-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#0009;color:#fff}.attach-remove:hover{background:#000c}.mode-select{position:relative}.mode-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:var(--r-pill);border:1px solid var(--glass-border);background:var(--liquid-fill);font-size:13px;font-weight:700;color:var(--ink-muted)}.mode-btn:hover:not(:disabled){color:var(--ink)}.mode-btn:disabled{opacity:.55}.mode-menu{position:absolute;left:0;bottom:calc(100% + 6px);min-width:260px;margin:0;padding:6px;list-style:none;border:1px solid var(--glass-border);border-radius:var(--r-lg);background:var(--liquid-fill-strong);box-shadow:var(--shadow);z-index:10}.mode-item{display:grid;grid-template-columns:1fr auto;column-gap:10px;width:100%;text-align:left;padding:8px 10px;border-radius:var(--r-md)}.mode-item:hover{background:var(--surface-alt)}.mode-item.is-selected svg{color:var(--accent)}.mode-item-label{font-weight:700;font-size:14px}.mode-item-hint{grid-column:1;font-size:12.5px;color:var(--ink-muted)}.mode-item svg{grid-column:2;grid-row:1 / span 2;align-self:center}.video-frame{position:relative;aspect-ratio:9 / 16;width:100%;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-alt)}.video-frame video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}.video-overlay{position:absolute;inset:0;display:grid;place-items:center}.video-mute,.video-playbtn{position:absolute;display:grid;place-items:center;background:#0000008c;color:#fff;border-radius:50%}.video-mute{top:8px;right:8px;width:34px;height:34px}.video-playbtn{inset:0;margin:auto;width:60px;height:60px}.video-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;padding:22px 10px 8px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);color:#fff}.video-bar-btn{display:grid;place-items:center;width:24px;height:24px;color:#fff;flex:none}.video-time{font-family:var(--mono);font-size:11px;flex:none;min-width:30px;text-align:center}.video-scrub{flex:1;min-width:0;height:16px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent}.video-scrub::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,#fff var(--p, 0%),rgba(255,255,255,.35) var(--p, 0%))}.video-scrub::-moz-range-track{height:4px;border-radius:2px;background:#ffffff59}.video-scrub::-moz-range-progress{height:4px;border-radius:2px;background:#fff}.video-scrub::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #00000040}.video-scrub::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #00000040}.video-scrub:focus-visible{outline:none}.video-scrub:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent)}.video-failed,.video-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;font-size:13px;color:var(--ink-muted);border:1px solid var(--hairline)}.video-failed svg{color:var(--warning)}.video-pending svg{color:var(--ink-faint)}.video-pending.is-failed svg{color:var(--danger)}.gallery{flex:1 1 auto;min-height:0;display:flex}.gallery-grid-pane{flex:1 1 auto;min-width:0;overflow-y:auto;padding:24px}.gallery-detail-pane{flex:0 0 420px;width:420px;min-height:0;overflow-y:auto;border-left:1px solid var(--hairline);background:var(--surface);padding:24px;animation:pane-in .25s var(--ease)}@keyframes pane-in{0%{opacity:0;transform:translate(12px)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.gallery.has-detail .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tile{display:flex;flex-direction:column;text-align:left;border:1px solid var(--glass-border);border-radius:var(--r-xl);background:var(--liquid-fill);overflow:hidden;transition:transform .15s ease,border-color .15s ease}.tile:hover{border-color:var(--hairline-strong)}.tile:active{transform:scale(.98)}.tile.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tile-media{position:relative;aspect-ratio:3 / 4;background:var(--surface-alt);overflow:hidden}.tile-media video{display:block;width:100%;height:100%;object-fit:cover}.tile-failed,.tile-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:500;color:var(--ink-muted)}.tile-failed svg{color:var(--warning)}.tile-pending svg{color:var(--ink-faint)}.tile-pending.is-failed svg{color:var(--danger)}.tile-title{margin:10px 12px 12px;font-size:13px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-skeleton{aspect-ratio:3 / 4.6;height:auto!important}.detail{display:flex;flex-direction:column;gap:18px}.detail-actions{display:flex;gap:10px}.detail-video{width:270px;align-self:center;border-radius:var(--r-xl)}.detail-summary{display:flex;flex-direction:column}.detail-title{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--hairline);font-size:14px}.detail-title+.info-row{border-top:0}.info-label{color:var(--ink-muted)}.info-value{text-align:right}.info-date{font-size:13px;color:var(--ink-muted)}.credits{max-width:880px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.balance{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:12px}.balance-value{font-weight:800;font-size:76px;line-height:1;letter-spacing:-.04em}.balance-label{font-size:14px;color:var(--ink-muted)}.bonus{display:flex;align-items:center;gap:8px;margin-top:14px;font-family:var(--mono)}.bonus-plus{font-weight:700;font-size:14px;color:var(--accent)}.bonus-countdown{font-size:13px;letter-spacing:.03em;color:var(--ink-faint)}.bonus-rule{margin-top:4px;font-size:13px;color:var(--ink-faint)}.credits-notice{width:100%;max-width:640px;margin-top:26px}.period{width:260px;margin-top:22px}.tiers{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;align-items:stretch}.tier{display:flex;flex-direction:column;gap:14px}.tier.is-featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tier-badge{align-self:flex-start;padding:3px 8px;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-text);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.tier-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.tier-name{font-size:18px;font-weight:700}.tier-price{display:flex;align-items:baseline;gap:4px}.tier-price-value{font-weight:800;font-size:22px;letter-spacing:-.02em}.tier-price-period{font-size:12.5px;color:var(--ink-muted)}.tier.is-active{border-color:var(--accent)}.tier-badge-active{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.plan{width:100%;max-width:640px;margin-top:26px;display:flex;flex-direction:column;gap:12px}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.plan-text{display:flex;flex-direction:column;gap:2px}.plan-label{font-size:12.5px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.plan-value{font-size:17px;font-weight:700}.plan-meta{font-size:13px;color:var(--ink-faint);font-family:var(--mono)}.plan-hint{font-size:13px;color:var(--ink-faint);margin:0}.plan-appstore{align-self:flex-start}.tier-credits{text-align:center;font-family:var(--mono);font-weight:700;font-size:15px;color:var(--ink-muted);margin-top:auto}.secured{display:flex;align-items:center;gap:6px;margin-top:28px;font-size:13px;color:var(--ink-faint)}@media(max-width:1100px){.tiers{grid-template-columns:1fr;max-width:480px}}.profile{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:26px}.profile-section{display:flex;flex-direction:column;gap:8px}.section-title{font-size:15px;font-weight:700}.row{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 16px;width:100%;text-decoration:none;color:inherit;text-align:left}.row-btn:hover{background:var(--surface-alt)}.row-label{font-weight:500;font-size:15px}.row-value{flex:1;text-align:right;font-size:14px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-chevron{margin-left:auto;color:var(--ink-faint)}.row-block{padding:16px}.theme-grid{display:grid;grid-template-columns:1fr 1fr}.theme-cell{display:flex;flex-direction:column;gap:8px;padding:14px 16px}.theme-cell+.theme-cell{border-left:1px solid var(--hairline)}.accent-select{position:relative;display:flex;align-items:center;gap:8px;min-height:36px}.accent-dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--hairline-strong);flex:none}.accent-select select{flex:1;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:6px 24px 6px 0;font-weight:500;font-size:15px;cursor:pointer}.accent-chevron{position:absolute;right:0;pointer-events:none;color:var(--ink-faint)}.profile-form{display:flex;flex-direction:column;gap:14px}.row-actions{display:flex;gap:10px;flex-wrap:wrap}.danger-zone{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:8px}.link-danger{min-height:40px;font-weight:700;font-size:14px;color:var(--danger)}.link-danger:hover{text-decoration:underline}.version{text-align:center;font-family:var(--mono);font-size:12px;color:var(--ink-faint)}.auth{min-height:100%;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:calc(40px + env(safe-area-inset-top,0px)) 20px calc(40px + env(safe-area-inset-bottom,0px))}.auth-box{width:100%;max-width:420px;display:flex;flex-direction:column;gap:18px}.auth-brand{display:flex;justify-content:center}.auth-title{text-align:center;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.auth-subtitle{text-align:center;font-size:15px;color:var(--ink-muted);margin-top:-8px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-link{align-self:center;font-weight:500;font-size:14px;color:var(--accent);text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-link:disabled{color:var(--ink-faint);text-decoration:none}.auth-legal{font-size:12.5px;line-height:1.5;color:var(--ink-faint);text-align:center}.auth-legal a{color:var(--ink-muted)}.auth-footer{text-align:center;font-size:14px;color:var(--ink-muted);display:flex;flex-direction:column;gap:8px}.auth-footer .auth-replay{color:var(--ink-faint);font-weight:500;font-size:13px}.auth-footer a{color:var(--accent);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media(max-width:900px){.gallery{flex-direction:column;overflow-y:auto}.gallery-grid-pane{overflow:visible;flex:none}.gallery-detail-pane{flex:none;width:100%;border-left:0;border-top:1px solid var(--hairline)}.gallery.has-detail .gallery-grid-pane{display:none}.theme-grid{grid-template-columns:1fr}.theme-cell+.theme-cell{border-left:0;border-top:1px solid var(--hairline)}.welcome-title{font-size:24px}.balance-value{font-size:60px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-backdrop{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--surface) 55%,transparent),transparent 45%)}:root[data-theme=light] .app-backdrop{background:linear-gradient(to bottom,color-mix(in srgb,var(--surface) 85%,transparent),transparent 45%)}.ob{position:relative;height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;flex-direction:column;background:var(--paper);overflow:hidden}.ob-top{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:14px 20px 0}.ob-brand{flex:none;display:inline-flex;align-items:center;border-radius:var(--r-sm);text-decoration:none;opacity:.75;transition:opacity .15s ease}.ob-brand:hover{opacity:1}.ob-progress{flex:1;display:flex;gap:4px}.ob-seg{flex:1;height:3px;border-radius:999px;background:var(--hairline-strong);transition:background-color .3s ease}.ob-seg.is-on{background:var(--accent)}.ob-mode{width:36px;height:36px;border-radius:50%;border:1px solid var(--hairline-strong);background:var(--surface);color:var(--ink)}.ob-stage{position:relative;z-index:1;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.ob-enter-forward{animation:ob-up .42s var(--ease) both}.ob-enter-backward{animation:ob-down .42s var(--ease) both}@keyframes ob-up{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}@keyframes ob-down{0%{opacity:0;transform:translateY(-48px)}to{opacity:1;transform:none}}.ob-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px 24px 12px}.ob-title{max-width:620px;text-align:center;font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-.02em}.ob-footer{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 24px 22px}.ob-footer-msg{min-height:18px;font-size:13px;color:var(--ink-faint);text-align:center}.ob-footer-msg.is-error{color:var(--danger)}.ob-footer-row{display:flex;align-items:center;gap:12px;width:100%;max-width:420px}.ob-footer-row-start{justify-content:flex-start}.ob-back{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-border);background:var(--liquid-fill);color:var(--ink);display:grid;place-items:center;transition:opacity .15s ease}.ob-back:hover{opacity:.75}.ob-continue{flex:1;min-height:54px;border-radius:999px;border:2px solid var(--accent);background:var(--liquid-fill);color:var(--ink);font-weight:700;font-size:17px;transition:opacity .15s ease,transform .15s ease}.ob-continue:hover:not(:disabled){opacity:.85}.ob-continue:active:not(:disabled){transform:scale(.985)}.ob-continue:disabled{opacity:.5;border-color:var(--hairline-strong)}.ob-skip{min-height:32px;padding:4px 8px;font-size:13px;font-weight:500;color:var(--ink-faint);text-decoration:underline}.ob-skip:hover{color:var(--ink-muted)}.ob-scroll-hint{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink-faint);opacity:0;transition:opacity .32s ease}.ob-scroll-hint.is-on{opacity:1}.ob-scroll-hint svg{animation:hint-bob 1.4s ease-in-out infinite}@keyframes hint-bob{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}.type-cursor{display:inline-block;width:3px;height:20px;margin-left:2px;vertical-align:-3px;background:var(--accent);animation:blink .84s steps(1) infinite}@keyframes blink{50%{opacity:0}}.contract{position:relative;width:100%;max-width:460px;padding:22px 24px 18px;border-radius:20px;border:1px solid var(--glass-border);background:var(--liquid-fill);display:flex;flex-direction:column;transition:box-shadow .3s ease}.contract.is-shake{animation:shake .32s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}.contract-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);text-align:center}.contract-text{margin-top:16px;font-size:20px;line-height:1.4;font-weight:800;letter-spacing:-.01em;text-align:center}.contract-dash{display:block;height:0;border-top:1px dashed var(--hairline-strong);margin:18px 0 8px}.contract-tools{display:flex;justify-content:flex-end}.contract-redo{min-height:32px;font-size:13px;font-weight:500;color:var(--ink-muted)}.contract-redo:hover:not(:disabled){color:var(--ink);text-decoration:underline}.contract-redo:disabled{opacity:.4}.contract-sign{position:relative;height:130px;border-radius:14px;border:1.5px dashed var(--hairline-strong);background:var(--surface-alt);display:grid;place-items:center;overflow:hidden}.contract-line{position:absolute;left:16px;right:16px;bottom:22px;height:1px;background:var(--hairline-strong)}.contract-engage{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;border:2px solid var(--accent);background:var(--surface);color:var(--ink);font-weight:700;font-size:16px;transition:transform .15s ease,background-color .25s ease,color .25s ease,border-color .25s ease}.contract-engage:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-soft-text)}.contract-engage:active:not(:disabled){transform:scale(.97)}.contract-engage.is-done{background:var(--accent);border-color:var(--accent);color:var(--accent-text);cursor:default}.contract-check{display:inline-flex}.contract-check-ring,.contract-check-mark{stroke-dasharray:70;stroke-dashoffset:0}.contract-engage:not(.is-done) .contract-check-mark{opacity:.35}.contract.is-fresh .contract-check-ring{animation:draw .5s ease-out both}.contract.is-fresh .contract-check-mark{animation:draw .4s .25s ease-out both}@keyframes draw{0%{stroke-dashoffset:70}to{stroke-dashoffset:0}}.contract-stamp{position:absolute;right:22px;bottom:30px;padding:4px 12px;border:2.5px solid var(--accent);border-radius:8px;color:var(--accent);font-weight:800;font-size:15px;letter-spacing:.16em;text-transform:uppercase;transform:rotate(-9deg);opacity:.9;mix-blend-mode:multiply}:root[data-theme=dark] .contract-stamp{mix-blend-mode:screen}.contract.is-fresh .contract-stamp{animation:stamp .5s cubic-bezier(.2,1.4,.4,1) .35s both}@keyframes stamp{0%{opacity:0;transform:rotate(-9deg) scale(2.2)}60%{opacity:1}to{opacity:.9;transform:rotate(-9deg) scale(1)}}.contract-disclaimer{margin-top:8px;font-size:10px;line-height:14px;color:var(--ink-faint);text-align:right}.contract-status{display:inline-flex;align-items:center;gap:6px;min-height:20px;font-size:13px;font-weight:500;color:var(--success);opacity:0;transition:opacity .3s ease;margin-top:-18px}.contract-status.is-on{opacity:1}.ob-body-sound{gap:26px}.sound-scene{position:relative;width:220px;height:220px;display:grid;place-items:center;color:var(--ink)}.sparkle{position:absolute;color:var(--accent);animation:sparkle ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.25;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1) rotate(90deg)}}.sound-icon{display:inline-block;animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.sound-arc{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;opacity:0;animation:1.82s linear infinite}.sound-arc-1{animation-name:arc-1}.sound-arc-2{animation-name:arc-2}.sound-arc-3{animation-name:arc-3}@keyframes arc-1{0%,3%{opacity:0}15%,71%{opacity:1}77%,to{opacity:0}}@keyframes arc-2{0%,18%{opacity:0}32%,71%{opacity:1}77%,to{opacity:0}}@keyframes arc-3{0%,35%{opacity:0}51%,71%{opacity:1}77%,to{opacity:0}}.sound-text{max-width:420px;text-align:center;font-size:17px;line-height:25px;font-weight:500;color:var(--ink-muted)}.ob-body-tiktok{padding-top:12px;padding-bottom:8px}.tk{position:relative;width:min(360px,calc((100vh - 230px)*.5625));aspect-ratio:9 / 16;width:min(360px,calc((100dvh - 230px)*.5625));border-radius:28px;overflow:hidden;background:#000;box-shadow:0 18px 40px #00000059;color:#fff;font-family:var(--font)}.tk-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer}.tk:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.55),transparent)}.tk-actions,.tk-caption,.tk-progress,.tk-sheet-wrap,.tk-mute,.tk-heart-pop,.tk-flash{z-index:1}.tk-heart-pop{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;animation:heart-pop 1.1s ease both}@keyframes heart-pop{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1.05)}35%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.tk-flash{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;animation:flash .66s ease both}.tk-flash svg{width:84px;height:84px;padding:23px;border-radius:50%;background:#0006}@keyframes flash{0%,60%{opacity:1}to{opacity:0}}.tk-mute{position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:50%;background:#00000061;color:#fff;display:grid;place-items:center}.tk-actions{position:absolute;right:14px;bottom:96px;display:flex;flex-direction:column;align-items:center;gap:22px}.tk-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;flex:none}.tk-avatar-author{width:44px;height:44px;background:#7b2233;border:2px solid #FFFFFF;color:#f4f1ea;font-size:16px;font-weight:800}.tk-action{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;font-weight:700;font-size:12px;text-shadow:0 1px 4px rgba(0,0,0,.45)}.tk-action:hover{opacity:.8}.tk-shadow-icon{filter:drop-shadow(0 1px 4px rgba(0,0,0,.45))}.tk-disc{width:30px;height:30px;border-radius:50%;background:#f4f1ea;border:2px solid #FFFFFF;display:grid;place-items:center;animation:spin 4s linear infinite}.tk-disc i{width:10px;height:10px;border-radius:50%;background:#7b2233}.tk-caption{position:absolute;left:0;right:88px;bottom:30px;padding:0 16px;display:flex;flex-direction:column;gap:8px;text-shadow:0 1px 4px rgba(0,0,0,.45);pointer-events:none}.tk-caption strong{font-size:16px}.tk-caption p{font-size:14px;line-height:19px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tk-sound{display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff40}.tk-progress span{display:block;height:2px;background:#fff}.tk-sheet-wrap{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;visibility:hidden}.tk-sheet-wrap.is-open{visibility:visible}.tk-sheet-scrim{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .25s ease}.tk-sheet-wrap.is-open .tk-sheet-scrim{opacity:1}.tk-sheet{position:relative;max-height:75%;display:flex;flex-direction:column;border-radius:16px 16px 0 0;background:#161616;color:#fff;transform:translateY(100%);transition:transform .3s var(--ease)}.tk-sheet-wrap.is-open .tk-sheet{transform:none}.tk-sheet-handle{align-self:center;width:36px;height:4px;border-radius:2px;background:#ffffff4d;margin:10px 0 6px}.tk-sheet-title{text-align:center;font-size:14px;font-weight:700;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}.tk-sheet-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:18px}.tk-comment{display:flex;gap:10px}.tk-comment-author{display:block;font-size:12px;font-weight:500;color:#ffffff8c}.tk-comment-text{font-size:14px;line-height:19px}.tk-sheet-input{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid rgba(255,255,255,.12)}.tk-sheet-input input{flex:1;min-height:40px;padding:0 14px;border:0;border-radius:20px;background:#ffffff1a;color:#fff;font-size:14px;outline:none}.tk-sheet-input input::placeholder{color:#fff6}.tk-sheet-input button{font-weight:700;font-size:14px;color:#ff2d55}.tk-sheet-input button:disabled{opacity:.35}.ob-body-viral{padding:0;display:block}.viral{position:relative;width:100%;height:100%;min-height:420px;overflow:hidden;transition:opacity .22s ease}.viral.is-fading{opacity:0}.viral-progress{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:min(280px,64%);height:4px;border-radius:2px;background:var(--hairline-strong);overflow:hidden;z-index:3}.viral-progress span{display:block;width:100%;height:100%;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:left center;animation:viral-fill linear both}@keyframes viral-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.viral-solo{position:absolute;left:50%;top:50%}.viral-canvas{position:absolute;transform-origin:50% 50%;will-change:transform}.viral-final-phone{position:absolute}.viral-links{position:absolute;left:0;top:0;opacity:0;transition:opacity ease-out}.viral-links.is-on{opacity:1}.viral-links line{stroke:var(--accent)}.viral-word{position:absolute;text-align:center;white-space:nowrap;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--accent);opacity:0;transform:scale(.8);transition:opacity ease-out,transform ease-out}.viral-word.is-on{opacity:1;transform:scale(1)}.pf{position:relative}.pf-body{position:relative;height:100%;background:#0b0b0d;border:1.5px solid rgba(255,255,255,.16);box-shadow:0 10px 16px #00000059}.pf-screen{position:relative;height:100%;overflow:hidden;background:var(--paper);color:var(--ink)}.pf-notch{position:absolute;left:50%;transform:translate(-50%);border-radius:999px;background:#000}.pf-btn{position:absolute;width:3px;border-radius:2px;background:#8c8c968c}.mock{position:absolute;inset:0;display:flex;flex-direction:column}.mock-head{padding:14px 14px 6px;display:flex;flex-direction:column;gap:8px}.mock-rule{display:block;width:26px;height:3px;border-radius:2px}.mock-title{font-size:13px;line-height:17px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mock-center{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 14px}.mock-input{min-height:78px;padding:10px;border-radius:10px;border:1px solid var(--hairline-strong);background:var(--surface-alt);font-size:12px;line-height:17px}.mock-cursor{width:2px;height:14px;margin-left:1px;vertical-align:-2px;animation:none}.mock-rows{gap:8px}.mock-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid var(--hairline-strong);background:var(--surface-alt);font-size:11px;font-weight:500;opacity:0;transform:translateY(8px)}.mock-row.is-on{animation:row-in .3s ease-out both}@keyframes row-in{to{opacity:1;transform:none}}.mock-row-check{color:var(--success);flex:none}.mock-gen{align-items:center;gap:14px;padding:0 16px}.mock-spin-track{stroke:var(--hairline-strong)}.mock-spin-arc{stroke:var(--accent)}.mock-spin.is-on{animation:spin .68s linear infinite}.mock-bar{align-self:stretch;height:5px;border-radius:3px;background:var(--hairline-strong);overflow:hidden}.mock-bar span{display:block;height:5px;border-radius:3px;background:var(--accent)}.mock-dl{align-items:center;gap:12px}.mock-drop{display:inline-flex;height:42px;align-items:flex-start;opacity:0}.mock-drop.is-on{animation:drop .56s ease-in infinite}@keyframes drop{0%{opacity:0;transform:translateY(-10px)}15%{opacity:1}75%{opacity:1;transform:translateY(16px)}to{opacity:0;transform:translateY(16px)}}.mock-done{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-soft-text);font-size:10px;font-weight:700;opacity:0;transform:scale(.7)}.mock-done.is-on{animation:pop-in .45s cubic-bezier(.2,1.3,.4,1) .42s both}@keyframes pop-in{to{opacity:1;transform:scale(1)}}.offer-glow{position:absolute;left:0;right:0;bottom:0;height:40%;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--accent) 32%,transparent),color-mix(in srgb,var(--accent) 8%,transparent) 50%,transparent)}.ob-body-offer{gap:40px}.offer{display:flex;flex-direction:column;align-items:center;gap:12px}.offer-label{font-size:15px;font-weight:500;color:var(--ink-muted)}.offer-countdown{font-family:var(--mono);font-weight:700;font-size:44px;letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}.offer-expired{max-width:460px;text-align:center;font-size:17px;line-height:25px;font-weight:500;color:var(--ink-muted)}.offer-actions{display:flex;gap:12px;width:100%;max-width:460px}.offer-actions .btn{flex:1}@media(max-width:640px){.ob-title{font-size:22px}.offer-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.ob-enter-forward,.ob-enter-backward{animation:none}}