:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f7;--panel:#ffffffe6;--panel-2:#fff;--line:#3c3c4329;--line-strong:#007aff73;--text:#1d1d1f;--muted:#6e6e73;--soft:#3c3c43;--accent:#007aff;--accent-2:#34c759;--premium:#8a6f3e;--accent-soft:#007aff1f;--danger:#d70015;--done:#248a3d;--working:#007aff;--shadow:0 22px 56px #181c261a;--radius:8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:linear-gradient(180deg, #ffffffb8 0%, #f5f5f700 34%), linear-gradient(180deg, #fbfbfd 0%, var(--bg) 48%, #ececf1 100%);color:var(--text);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{width:min(100vw,560px);min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px calc(92px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:9;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#fbfbfdc7;justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin:0 -4px;padding:6px 4px 10px;display:flex;position:sticky;top:0}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:800}h1,h2{letter-spacing:0;margin:0}h1{font-size:1.25rem;line-height:1.1}h2{font-size:1.55rem;line-height:1.05}.views{padding-top:14px}.view{display:none}.view.active{display:block}.hero-panel,.render-panel,.plain-panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%)}.hero-panel{background:linear-gradient(145deg,#fffffff5,#f2f2f7e6);justify-content:space-between;align-items:center;gap:18px;min-height:132px;padding:20px;display:flex}.hero-icon{width:40px;height:40px;color:var(--soft)}.render-panel,.plain-panel{padding:18px}.panel-heading{margin-bottom:18px}.file-grid{gap:12px;display:grid}.file-slot{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:84px;color:var(--text);background:var(--panel-2);text-align:left;grid-template-columns:44px 1fr 22px;align-items:center;gap:12px;padding:14px;display:grid;box-shadow:inset 0 1px #fffc}.file-slot.filled{border-color:var(--line-strong);background:var(--accent-soft)}.eye-badge,.round-mark{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:900;display:inline-grid}.round-mark svg{width:20px;height:20px}.file-copy{min-width:0}.file-copy strong,.row-copy strong,.video-row strong,.library-copy strong{font-size:.98rem;display:block}.file-copy small,.row-copy small,.video-row small,.library-copy small{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:.8rem;display:block}.policy{min-height:36px;color:var(--muted);margin:14px 0 0;font-size:.82rem;line-height:1.35}.publish-control{gap:10px;margin-top:14px;display:grid}.publish-option{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);min-height:68px;color:var(--text);text-align:left;grid-template-columns:24px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.publish-option.active{border-color:var(--line-strong);background:var(--accent-soft);box-shadow:0 8px 24px #007aff1a}.publish-option svg{width:22px;height:22px;color:var(--accent)}.publish-option strong,.publish-option small{display:block}.publish-option strong{font-size:.92rem}.publish-option small{color:var(--muted);margin-top:3px;font-size:.78rem;line-height:1.35}.trust-row{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}.trust-row span{border:1px solid var(--line);border-radius:var(--radius);min-height:34px;color:var(--soft);background:#f7f7fa;align-items:center;gap:8px;padding:0 10px;font-size:.76rem;font-weight:800;display:inline-flex}.trust-row svg{width:16px;height:16px;color:var(--accent)}.progress-wrap{background:#007aff1f;border-radius:999px;height:6px;margin:18px 0 12px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, #007aff, var(--accent-2));width:0;height:100%;transition:width .18s}.status{min-height:22px;color:var(--muted);margin:0 0 14px;font-size:.9rem;line-height:1.35}.status[data-mode=working]{color:var(--working)}.status[data-mode=error]{color:var(--danger)}.status[data-mode=done]{color:var(--done)}.primary-action,.secondary-action,.icon-button,.small-icon-button,.ghost-icon,.row-action,.account-pill{border:1px solid var(--line);border-radius:var(--radius);justify-content:center;align-items:center;gap:9px;display:inline-flex}.primary-action{color:#fff;background:linear-gradient(#1688ff,#007aff);border-color:#0062cc59;width:100%;min-height:52px;font-weight:900;box-shadow:0 12px 26px #007aff38}.primary-action:disabled{cursor:not-allowed;border-color:var(--line);color:#8e8e93;background:#e5e5ea}.secondary-action,.icon-button{min-height:46px;color:var(--text);background:#ffffffeb;padding:0 14px;font-weight:800;box-shadow:inset 0 1px #ffffffd6}.secondary-action.full{width:100%;margin-top:10px}.primary-action.compact,.secondary-action.compact{white-space:nowrap;width:auto;min-height:40px;padding:0 12px}.secondary-action.disabled{pointer-events:none;opacity:.42}.secondary-action:disabled{opacity:.5}.action-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.ghost-icon,.small-icon-button,.row-action{background:var(--panel-2);width:42px;height:42px;color:var(--accent);padding:0}.account-pill{min-height:38px;color:var(--accent);background:#fffffff0;padding:0 12px;font-size:.78rem;font-weight:900;box-shadow:0 10px 26px #181c2614}.section-head{color:var(--soft);text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 10px;font-size:.82rem;font-weight:900;display:flex}.explore-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.explore-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:4px;display:grid}.explore-tile{aspect-ratio:9/14;background:#111;border:1px solid #ffffff17;border-radius:6px;min-width:0;position:relative;overflow:hidden}.explore-tile.wide{grid-area:span 2/span 2}.tile-video{object-fit:cover;background:#0c0c0c;width:100%;height:100%;display:block}.tile-link,.tile-shade,.tile-meta,.tile-play{position:absolute}.tile-link{display:block;inset:0}.tile-shade{background:linear-gradient(#0000 42%,#000000c7);inset:0}.tile-meta{min-width:0;bottom:8px;left:8px;right:8px}.tile-meta strong,.tile-meta small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tile-meta strong{font-size:.76rem;line-height:1.15}.tile-meta small{color:#ffffffb8;margin-top:3px;font-size:.66rem}.tile-play{background:#0000006b;border:1px solid #fff3;border-radius:50%;place-items:center;width:28px;height:28px;display:inline-grid;top:8px;right:8px}.tile-play svg{fill:currentColor;width:14px;height:14px}.empty-feed{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-align:center;min-height:240px;box-shadow:var(--shadow);grid-column:1/-1;place-items:center;gap:8px;padding:24px;display:grid}.empty-feed svg{width:34px;height:34px;color:var(--soft)}.empty-feed small{color:var(--muted);line-height:1.35}.video-list{gap:10px;display:grid}.video-row,.row-copy{grid-template-columns:44px 1fr 42px;align-items:center;gap:12px;display:grid}.video-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);min-height:72px;padding:12px}.row-copy{grid-template-columns:44px 1fr;margin-bottom:18px}.capture-panel,.capture-panel:first-of-type{margin-top:14px}.record-view{display:none}.record-view.active{display:block}.record-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);padding:18px;box-shadow:0 12px 34px #0000000f}.record-hero{justify-content:space-between;align-items:center;gap:16px;min-height:128px;display:flex}.record-copy{color:var(--muted);margin:10px 0 0;font-size:.86rem;line-height:1.4}.record-mark{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:inline-grid}.record-mark svg{width:24px;height:24px}.app-store-link{margin-top:0}.muted-mark{color:var(--soft);background:#e5e5ea}.platform-note{border:1px solid var(--line);border-radius:var(--radius);background:#f7f7fa;gap:6px;padding:14px;display:grid}.platform-note strong{font-size:.9rem;line-height:1.3}.platform-note small{color:var(--muted);font-size:.8rem;line-height:1.45}.account-card{grid-template-columns:44px 1fr auto;align-items:center;gap:12px;margin:14px 0;display:grid}.account-card strong{font-size:.98rem;display:block}.account-card small{color:var(--muted);margin-top:4px;font-size:.8rem;display:block}.role-pill{min-height:28px;color:var(--premium);text-transform:uppercase;background:#8a6f3e14;border:1px solid #8a6f3e47;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:.68rem;font-weight:900;display:inline-flex}.sign-in-panel,.auth-panel,.profile-panel,.session-panel,.security-panel,.library-panel{margin-top:14px}.google-action{margin:0 0 12px}.google-action.disabled,.google-action:disabled{opacity:.56}.secure-copy{align-items:center;gap:8px;display:flex}.secure-copy svg{color:#2f7d5c;width:15px;height:15px}.two-factor-setup{gap:12px;margin-top:12px;display:grid}.two-factor-setup code{border:1px solid var(--line);border-radius:var(--radius);color:var(--soft);overflow-wrap:anywhere;background:#f7f7fa;padding:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:.78rem;display:block}.library-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.library-head strong{font-size:1rem;display:block}.library-head svg{width:22px;height:22px;color:var(--accent)}.library-list{gap:8px;display:grid}.library-empty{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#f7f7fa;place-items:center;gap:8px;min-height:134px;padding:18px;display:grid}.library-empty svg{width:28px;height:28px;color:var(--soft)}.library-empty small{color:var(--muted);font-size:.8rem}.library-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);grid-template-columns:38px 1fr 42px;align-items:center;gap:10px;min-height:66px;padding:10px;display:grid}.library-mark{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:50%;place-items:center;display:inline-grid}.library-mark svg{width:18px;height:18px}.library-copy{min-width:0}.library-copy strong,.library-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-download{width:42px;padding:0}.auth-switch{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.privacy-copy{color:var(--muted);margin:8px 0 0;font-size:.8rem;line-height:1.4}.mode-button{border:1px solid var(--line);border-radius:var(--radius);min-height:40px;color:var(--muted);background:#f2f2f7;font-weight:900}.mode-button.active{border-color:var(--line-strong);background:var(--panel-2);color:var(--accent);box-shadow:0 8px 24px #007aff1f}.field{color:var(--muted);text-transform:uppercase;gap:8px;margin-bottom:14px;font-size:.82rem;font-weight:800;display:grid}.field input{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);width:100%;min-height:48px;color:var(--text);outline:none;padding:0 13px}.field input:focus{border-color:var(--line-strong)}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.stats-grid div{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:82px;padding:14px}.stats-grid span{color:var(--muted);margin-bottom:8px;font-size:.76rem;display:block}.stats-grid strong{overflow-wrap:anywhere;font-size:.9rem;display:block}.tabbar{z-index:10;width:min(100vw,560px);padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f8f8fae6;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{border-radius:var(--radius);min-height:58px;color:var(--muted);background:0 0;border:0;place-items:center;gap:4px;font-size:.72rem;font-weight:800;display:grid}.tab.active{background:var(--accent-soft);color:var(--accent)}.tab svg,.primary-action svg,.secondary-action svg,.icon-button svg,.small-icon-button svg,.ghost-icon svg,.account-pill svg,.row-action svg,.file-slot svg{width:20px;height:20px}.android-device .hero-panel,.android-device .render-panel,.android-device .plain-panel,.android-device .topbar,.android-device .tabbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffffa;box-shadow:0 10px 26px #0000000f}.android-device .tabbar{background:#f8f8fafa}.muted{color:var(--muted)}.center{text-align:center}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=560px){.app-shell{padding-top:22px}}@media (width<=430px){.explore-head{display:grid}.explore-actions{justify-content:stretch}}