*{box-sizing:border-box}html,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button{color:inherit}button,input,textarea,select{border:0}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.reel:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.app{--bg:#fff;--surface:#f3f2f6;--raised:#e9e7ef;--line:#e8e6ed;--text:#18171c;--muted:#62606d;--faint:#8a8793;--accent:#6544b5;--accent-bg:#eee8fa;--on-accent:#fff;background:var(--bg);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100dvh}.app[data-theme=dark]{--bg:#101012;--surface:#1c1c20;--raised:#25252b;--line:#2b2b31;--text:#f5f4f7;--muted:#a4a3af;--faint:#8b8997;--accent:#c5b6ff;--accent-bg:#302940;--on-accent:#20172f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::selection{color:#211330;background:#d7c8f4}.skip-link{z-index:100;background:var(--bg);padding:14px;position:fixed;top:-60px;left:20px}.skip-link:focus{top:10px}.sidebar{border-right:1px solid var(--line);background:var(--bg);z-index:20;flex-direction:column;width:230px;padding:26px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{flex-shrink:0;width:190px;height:48px;display:block;position:relative;overflow:hidden}.brand img{width:207px;max-width:none;height:69px;position:absolute;top:-11px;left:-8px}.logo-dark,[data-theme=dark] .logo-light{display:none}[data-theme=dark] .logo-dark{display:block}.sidebar nav{gap:8px;margin-top:40px;display:grid}.nav-item{color:var(--muted);border-radius:13px;align-items:center;gap:16px;padding:14px 16px;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{color:var(--accent);background:var(--accent-bg);font-weight:600}.nav-plus{color:var(--accent);margin-left:auto;font-size:14px}.sidebar-bottom{margin-top:auto}.sidebar-note{color:var(--faint);padding:20px 16px;font-size:13px;line-height:1.8}.user-link{border-top:1px solid var(--line);align-items:center;gap:10px;padding:22px 0 0;display:flex}.user-link>span:nth-child(2){flex:1;min-width:0}.user-link strong{text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.user-link small{color:var(--muted);text-overflow:ellipsis;margin-top:5px;font-size:11px;display:block;overflow:hidden}.avatar{color:var(--accent);background:var(--accent-bg);text-transform:uppercase;border:1px solid #d5c6ed;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar.small{width:36px;height:36px;font-size:14px}.avatar.large{width:100px;height:100px;font-size:38px}.workspace{margin-left:230px}.icon-button{color:var(--muted);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:10px;display:inline-flex}.icon-button:hover{background:var(--surface);color:var(--text)}.bottom-nav{display:none}.main{max-width:1440px;min-height:100dvh;margin:0 auto;padding:40px 46px 60px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.9px;font-size:30px;font-weight:700;line-height:1.2}.page-heading p{color:var(--muted);margin-top:11px;font-size:14px;line-height:1.6}.search-wrap{background:var(--surface);height:54px;color:var(--muted);border-radius:17px;align-items:center;gap:13px;padding:4px 19px;display:flex}.search-wrap input{min-width:0;color:var(--text);background:0 0;outline:none;flex:1;height:100%;font-size:14px}.search-wrap input::placeholder{color:var(--faint)}.search-wrap:focus-within{box-shadow:0 0 0 2px var(--accent)}.search-wrap input:focus-visible{outline:none}kbd{border:1px solid var(--line);color:var(--faint);font:inherit;border-radius:6px;padding:5px 8px;font-size:10px}.category-bar{scrollbar-width:none;gap:9px;padding:20px 0 24px;display:flex;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.pill{border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:25px;min-height:42px;padding:11px 20px;font-size:12px;font-weight:600}.pill:hover{background:var(--surface)}.pill.selected{color:var(--bg);background:var(--text);border-color:var(--text)}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin:7px 0 21px;display:flex}.section-heading h2{letter-spacing:-.3px;font-size:17px;font-weight:600}.section-heading>span{color:var(--faint);font-size:11px}.scene-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px;display:grid}.scene-card{min-width:0}.scene-art{aspect-ratio:1;background:var(--surface);border-radius:20px;position:relative;overflow:hidden}.scene-art>a{position:absolute;inset:0}.scene-art img{object-fit:cover;transition:transform .3s}.scene-art:hover img{transform:scale(1.04)}.save-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#17131d66;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:11px;right:11px}.save-button:hover,.save-button.saved{color:#6544b5;background:#ffffffed}.save-button.saved svg{fill:#6544b522}.art-tag{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#17131d55;border:1px solid #ffffff35;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:500;position:absolute;bottom:12px;left:12px}.scene-title{margin-top:14px;display:block}.scene-title h2{letter-spacing:-.2px;font-size:15px;font-weight:650;line-height:1.4}.scene-title:hover{color:var(--accent)}.scene-tagline{color:var(--muted);min-height:40px;margin:8px 0 11px;font-size:12px;line-height:1.7}.scene-meta{color:var(--faint);flex-wrap:wrap;gap:9px;font-size:10px;display:flex}.scene-meta span:first-child{align-items:center;gap:4px;display:inline-flex}.page-footer{border-top:1px solid var(--line);max-width:1440px;color:var(--faint);justify-content:space-between;gap:12px;margin:0 auto;padding:23px 46px;font-size:10px;display:flex}.purple{color:var(--accent)}.back-link{color:var(--muted);align-items:center;gap:9px;margin-bottom:28px;padding:5px 0;font-size:12px;display:inline-flex}.back-link:hover{color:var(--accent)}.muted{color:var(--muted);font-size:12px;line-height:1.7}.button{border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:13px 20px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.button:hover{opacity:.8}.button.primary{background:var(--accent);color:var(--on-accent)}.button.secondary{background:var(--surface);color:var(--text)}.eyebrow{color:var(--accent);letter-spacing:1.5px;font-size:10px;font-weight:600}.local-note{color:var(--faint);margin-top:18px;font-size:11px;line-height:1.6}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:16px;padding:70px 20px;display:flex}.empty h2{color:var(--text);font-size:21px}.empty p{max-width:380px;font-size:14px;line-height:1.7}.empty-icon{color:var(--accent)}.chat-list{border:1px solid var(--line);border-radius:19px;overflow:hidden}.chat-row{border-bottom:1px solid var(--line);align-items:center;gap:19px;padding:24px;display:flex}.chat-row:last-child{border:0}.chat-row:hover{background:var(--surface)}.chat-row img{object-fit:cover;border-radius:16px;flex-shrink:0}.chat-row-copy{flex:1;min-width:0}.chat-row h2{margin-bottom:7px;font-size:16px}.chat-row p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.chat-row-copy>span{color:var(--accent);margin-top:8px;font-size:10px;display:block}.chat-time{color:var(--faint);white-space:nowrap;font-size:10px}.conversation{flex-direction:column;max-width:820px;height:calc(100dvh - 130px);min-height:500px;margin:0 auto;display:flex}.conversation-header{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:20px;display:flex}.conversation-header img{object-fit:cover;border-radius:12px}.conversation-header h1{letter-spacing:-.2px;font-size:17px}.conversation-header p{color:var(--muted);margin-top:6px;font-size:11px}.conversation-header>div{flex:1}.messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:18px;padding:30px 16px;display:flex;overflow-y:auto}.chapter-intro{text-align:center;max-width:460px;margin:0 auto 20px}.chapter-intro img{object-fit:cover;border-radius:24px;margin:0 auto 22px;display:block}.chapter-intro h2{margin-top:12px;font-size:21px;line-height:1.4}.chapter-intro p{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.8}.message{background:var(--surface);border-radius:16px;max-width:80%;padding:17px 20px}.message.user{background:var(--accent-bg);align-self:flex-end}.message-name{color:var(--accent);margin-bottom:7px;font-size:10px;font-weight:600;display:block}.message p{overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.8}.composer{border:1px solid var(--line);border-radius:17px;align-items:center;gap:12px;padding:7px 8px 7px 18px;display:flex}.composer input{min-width:0;color:var(--text);background:0 0;flex:1;height:44px;font-size:13px}.send-button{background:var(--accent);color:var(--on-accent);border-radius:12px}.composer-note{color:var(--faint);text-align:center;padding:12px 0 0;font-size:10px}.profile-card{align-items:center;gap:25px;padding:15px 0 35px;display:flex}.profile-copy{flex:1}.profile-copy h2{letter-spacing:-.6px;font-size:25px}.profile-copy p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.7}.profile-copy .profile-handle{margin-top:5px;font-size:12px}.profile-stats{background:var(--surface);border-radius:18px;margin-bottom:33px;padding:24px;display:flex}.profile-stats>div{text-align:center;border-right:1px solid var(--line);flex:1;gap:8px;display:grid}.profile-stats>div:last-child{border:0}.profile-stats strong{font-size:25px}.profile-stats span{color:var(--muted);font-size:12px}.profile-tabs{border-bottom:1px solid var(--line);gap:30px;margin-bottom:25px;display:flex}.profile-tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;align-items:center;gap:9px;padding:13px 0;font-size:14px;display:flex}.profile-tabs button.active{color:var(--accent);border-color:var(--accent)}.profile-tabs span{background:var(--surface);border-radius:6px;padding:3px 6px;font-size:10px}.dialog{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:24px;width:min(460px,100% - 32px);max-height:90dvh;padding:28px;overflow-y:auto}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#100b1d66}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dialog-heading h2{letter-spacing:-.5px;font-size:22px}.form{gap:22px;display:grid}.form label{gap:9px;font-size:13px;font-weight:600;display:grid}.form input,.form textarea,.form select{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);border-radius:12px;padding:14px;font-size:13px;font-weight:400;line-height:1.6}.form textarea{resize:vertical;min-height:100px}.form input::placeholder,.form textarea::placeholder{color:var(--faint)}.form-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}.form .local-note{margin:0}.create-grid{grid-template-columns:1.5fr 1fr;gap:45px;display:grid}.cover-preview{aspect-ratio:1;border-radius:22px;position:relative;overflow:hidden}.cover-preview img{object-fit:cover}.cover-preview>span{color:#fff;letter-spacing:1.5px;text-shadow:0 1px 8px #000;font-size:10px;position:absolute;bottom:22px;left:20px}.art-picker h2{margin-top:24px;font-size:16px}.art-picker p{color:var(--muted);margin-top:8px;font-size:12px}.cover-options{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:17px;display:grid}.cover-options button{background:0 0;border:2px solid #0000;border-radius:12px;padding:3px}.cover-options button.selected{border-color:var(--accent)}.cover-options img{aspect-ratio:1;object-fit:cover;border-radius:7px;width:100%;height:auto;display:block}.settings-card{border:1px solid var(--line);border-radius:18px;max-width:800px;margin-bottom:20px;padding:27px}.settings-card h2{margin-bottom:9px;font-size:17px}.settings-card p{color:var(--muted);font-size:13px;line-height:1.8}.theme-options{gap:14px;margin-top:25px;display:flex}.theme-options button{border:1px solid var(--line);background:0 0;border-radius:13px;align-items:center;gap:11px;padding:17px 22px;font-size:13px;display:flex}.theme-options button.selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.reels-layout{justify-content:center;align-items:center;gap:18px;display:flex}.reel{aspect-ratio:9/16;background:#17131d;border-radius:23px;flex-shrink:0;height:min(690px,100dvh - 145px);min-height:450px;position:relative;overflow:hidden}.reel video{object-fit:cover;width:100%;height:100%}.reel-top{color:#fff;justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:20px;right:15px}.reel-top>span{background:#17131d44;border-radius:20px;padding:7px 10px;font-size:11px}.reel-button{color:#fff;background:#17131d44;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.reel-caption{color:#fff;pointer-events:none;background:linear-gradient(#0000,#151020dd);padding:70px 24px 20px;position:absolute;bottom:54px;left:0;right:0}.reel-caption .eyebrow{color:#e4d6ff}.reel-caption h2{letter-spacing:-.5px;margin-top:12px;font-size:25px;line-height:1.2}.reel-caption p{color:#eee8fa;margin-top:10px;font-size:12px;line-height:1.6}.reel-caption .button{color:#302344;pointer-events:auto;background:#fff;width:100%;margin-top:20px}.reel-controls{gap:12px;display:grid}.reel-controls .icon-button{background:var(--surface);border:1px solid var(--line)}.reel-aside{max-width:290px;margin-left:35px}.reel-aside h2{letter-spacing:-1.2px;margin:20px 0;font-size:38px;line-height:1.2}.reel-aside p{color:var(--muted);margin-top:15px;font-size:13px;line-height:1.9}.reel-aside-rule{background:var(--line);height:1px;margin:30px 0}.toast{background:var(--text);color:var(--bg);z-index:80;border-radius:14px;align-items:center;gap:20px;max-width:90vw;padding:16px 20px;font-size:13px;display:flex;position:fixed;bottom:28px;left:calc(50% + 115px);transform:translate(-50%);box-shadow:0 8px 35px #0002}.toast button{color:inherit;background:0 0}@media (min-width:1600px){.scene-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1250px){.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main{padding:34px}.sidebar{width:210px;padding-inline:16px}.workspace{margin-left:210px}.brand{width:175px}.brand img{width:190px;height:63.3px;top:-8px;left:-7px}.reel-aside{margin-left:14px}}@media (max-width:1000px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.sidebar{width:190px}.workspace{margin-left:190px}.nav-item{gap:12px;padding-inline:12px}.brand{width:157px}.brand img{width:172px;height:57.3px;top:-5px}.main{padding:30px 26px 50px}.page-footer{padding-inline:26px}.create-grid{grid-template-columns:1fr}.art-picker{order:-1}.cover-preview{max-width:250px}.cover-options{max-width:400px}.reel-aside{display:none}.chat-row{gap:12px;padding:18px}.chat-time{display:none}.profile-card{flex-wrap:wrap;gap:18px}.profile-card>button{margin-left:118px}.page-heading p{font-size:13px}}@media (max-width:700px){.sidebar{display:none}.workspace{margin-left:0}.brand{width:220px;height:48px}.brand img{width:240px;height:80px;top:-16px;left:-9px}.main{min-height:calc(100dvh - 80px);padding:16px 22px 38px}h1{letter-spacing:-.6px;font-size:25px}.page-heading{margin-bottom:23px}.page-heading p{margin-top:8px;font-size:12px}.search-wrap{padding-inline:15px}.search-wrap input{font-size:13px}kbd{display:none}.category-bar{padding:17px 0 22px;margin-right:-22px;padding-right:22px}.pill{padding:10px 18px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:15px}.section-heading>span{font-size:10px}.scene-grid{gap:27px 16px}.scene-art{border-radius:17px}.scene-title h2{font-size:14px}.scene-tagline{font-size:12px}.scene-meta{gap:6px;font-size:10px}.art-tag{padding:4px 8px;font-size:9px;bottom:9px;left:9px}.save-button{width:31px;height:31px;top:9px;right:9px}.page-footer{margin-bottom:80px;padding:20px 22px;font-size:9px}.page-footer>span:last-child{display:none}.bottom-nav{z-index:40;background:var(--bg);border-top:1px solid var(--line);padding:10px 8px max(10px, env(safe-area-inset-bottom));align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav>a{color:var(--faint);flex:1;justify-items:center;gap:5px;padding:6px;font-size:9px;display:grid}.bottom-nav .active{color:var(--accent)}.back-link{margin-bottom:20px}.chat-row{gap:12px;padding:15px}.chat-row img{border-radius:13px;width:58px;height:65px}.chat-row h2{font-size:14px}.chat-row p{font-size:11px}.chat-row>svg{display:none}.conversation{height:calc(100dvh - 118px);min-height:430px}.conversation-header{gap:9px;padding-bottom:15px}.conversation-header h1{font-size:14px}.conversation-header img{width:36px;height:36px}.conversation-header .icon-button{min-width:30px;padding:6px}.messages{padding:25px 0}.message{max-width:92%}.chapter-intro h2{font-size:19px}.profile-card{text-align:center;flex-direction:column;align-items:center;padding-top:5px;display:flex}.profile-card>button{width:100%;margin:0}.profile-stats{padding:20px 12px}.profile-stats strong{font-size:22px}.profile-stats span{font-size:10px}.form-columns{grid-template-columns:1fr}.create-grid{gap:28px}.cover-preview{aspect-ratio:1.8;max-width:100%}.art-picker h2{margin-top:18px}.form-bottom{flex-direction:column;align-items:stretch}.settings-card{padding:22px}.theme-options{gap:8px}.theme-options button{padding:14px;font-size:12px}.reels-main .page-heading{margin-bottom:20px}.reels-main .page-heading p{display:none}.reel{border-radius:18px;max-width:calc(100vw - 90px);height:min(620px,100dvh - 163px);min-height:380px}.reels-layout,.reel-controls{gap:10px}.reel-controls .icon-button{min-width:34px;min-height:34px;padding:7px}.reel-caption{padding-inline:18px}.reel-caption h2{font-size:22px}.reel-caption .button{padding-inline:12px;font-size:12px}.toast{width:max-content;bottom:92px;left:50%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.route-loading{color:#62606d;background:#fff;place-items:center;min-height:100dvh;font-size:14px;display:grid}@media (max-width:700px){.workspace{padding-bottom:80px}}.reel>img{object-fit:cover}.image-reel .reel-caption{bottom:0}