:root{color-scheme:dark;--bg:#080b0e;--paper-hi:#12181d;--paper:#0c1115;--paper-deep:#0a0f12;--ink:#f4efe4;--ink-2:#e0dace;--graphite:#b9b8af;--graphite-2:#949c9d;--gold:#dfbc78;--accent:#dfbc78;--accent-ink:#dfbc78;--accent-wash:#dfbc781a;--line:#ffffff1b;--red:#ffb4a7;--radius:24px;--radius-sm:12px;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Fraunces,Georgia,"Times New Roman",serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--t-label:11px;--t-small:13px;--t-body:16px;--t-h3:28px;--s-2:8px;--s-3:14px;--s-5:28px;--s-7:40px;--sh-lift:0 20px 70px #0008;--dur-fast:.2s;--ease-out:ease-out}
*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.5 var(--sans);-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{text-decoration:none}img{display:block;max-width:100%}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.06;letter-spacing:-.035em}h1{font-size:44px}h2{font-size:32px}h3{font-size:16px;letter-spacing:-.015em}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.skip{position:fixed;top:-60px;left:16px;background:var(--gold);color:var(--bg);padding:12px;z-index:999}.skip:focus{top:8px}
.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 80% 24%,#1a272c65,transparent 46%),radial-gradient(ellipse at 10% 80%,#3d2c171c,transparent 50%)}.sky:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 12% 16%,#ffffff9c 50%,transparent 100%),radial-gradient(1px 1px at 68% 66%,#dbbe8388 50%,transparent 100%),radial-gradient(1px 1px at 38% 32%,#fff7 50%,transparent 100%),radial-gradient(1px 1px at 91% 84%,#fff7 50%,transparent 100%);background-size:113px 197px,237px 311px,277px 239px,167px 173px}.sky i{position:absolute;width:100px;height:1px;top:20%;left:100%;background:linear-gradient(90deg,transparent,#e7ce99);transform:rotate(-30deg);opacity:0;animation:meteor 16s linear infinite}.sky i:nth-child(2){top:54%;animation-delay:6s}.sky i:nth-child(3){top:78%;animation-delay:11s}@keyframes meteor{0%,90%{opacity:0;transform:translate(0,0) rotate(-30deg)}93%{opacity:.7}100%{opacity:0;transform:translate(-600px,330px) rotate(-30deg)}}
.app-shell{position:relative;max-width:560px;margin:auto;min-height:100dvh}.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 22px 16px;background:#080b0ecc;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff09}.wordmark{display:flex;align-items:center;gap:7px;font:21px var(--serif);letter-spacing:-.5px}.wordmark img{width:29px;height:29px}.beta{font:8px var(--sans);letter-spacing:1.2px;color:var(--gold);align-self:flex-end;margin:0 0 4px 2px}.account-chip{border:1px solid var(--line);border-radius:40px;padding:9px 12px;min-height:42px;font-size:11px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chip span{margin-left:8px;color:var(--gold)}main{padding:0 22px calc(105px + env(safe-area-inset-bottom));outline:none}main>section{animation:arrive .35s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.connection{padding:8px 22px;color:#e6c98e;background:#261f164d;font-size:12px;border-bottom:1px solid #dfbc7826}.connection a{text-decoration:underline}.tabbar{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 12px calc(9px + env(safe-area-inset-bottom));background:#0b1014ed;backdrop-filter:blur(20px);border:1px solid #ffffff10;border-bottom:0;border-radius:25px 25px 0 0}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;color:#a1a8ad;font-size:10px}.tabbar a[aria-current=page]{color:var(--gold)}.tabbar a[aria-current=page] svg{filter:drop-shadow(0 0 9px #dfbc7850)}.tabbar a[aria-current=page]:after{content:"";width:4px;height:4px;background:var(--gold);border-radius:50%;position:absolute;bottom:calc(7px + env(safe-area-inset-bottom))}
.eyebrow{color:var(--gold);font:10px/1.6 var(--mono);letter-spacing:2.3px;text-transform:uppercase}.muted{color:#a6aeb0;font-size:12px;line-height:1.6}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px}.section-head h2{font:19px var(--sans);letter-spacing:-.5px;font-weight:600}.text-link{font-size:12px;color:var(--gold);min-height:44px;display:inline-flex;align-items:center;gap:8px}.intro{padding-top:25px}.intro .eyebrow{margin-bottom:12px}.intro h1{max-width:310px}.intro h1 em{color:var(--gold);font-weight:400}.intro p{color:#a9b0b2;font-size:14px;max-width:240px;line-height:1.65;margin-top:14px}.baba-hero{position:relative;min-height:285px;margin-top:-16px;display:flex;align-items:center;justify-content:center;isolation:isolate}.baba-hero:before{content:"";position:absolute;width:238px;height:238px;border:1px solid #dfbc7826;border-radius:50%;left:50%;top:25px;transform:translateX(-50%);box-shadow:0 0 80px #dfbc7806,inset 0 0 80px #dfbc7808}.baba-hero:after{content:"";position:absolute;bottom:29px;left:50%;width:170px;height:16px;background:#d6ab6240;filter:blur(15px);transform:translateX(-50%);z-index:-1}.baba-hero img{width:280px;height:280px;object-fit:contain;animation:float 7s ease-in-out infinite;filter:drop-shadow(0 10px 20px #0005)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.agent-note{position:absolute;left:0;bottom:38px;padding:9px 12px;border:1px solid #dfbc7827;border-radius:12px;background:#10161be6;backdrop-filter:blur(12px);font-size:10px}.agent-note strong{display:block;font-size:12px;color:var(--gold)}.agent-note:before{content:"";position:absolute;top:15px;right:-5px;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px #dfbc78}.primary,.btn.accent{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;min-height:52px;padding:14px 20px;font-weight:650;font-size:14px;background:var(--gold);color:#101214}.primary.wide{width:100%}.primary:active,.tool-card:active,.project-card:active{transform:scale(.985)}.secondary,.btn.ghost{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--line);border-radius:13px;padding:11px 15px;color:var(--ink);font-size:13px}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tool-card{display:block;min-height:136px;text-align:left;padding:18px;border-radius:21px;border:1px solid var(--line);background:linear-gradient(145deg,#17202899,#0c1114ad);transition:transform .2s}.tool-icon{font-size:27px;color:var(--gold);font-family:var(--serif);line-height:1;margin-bottom:18px}.tool-card strong{display:block;font-size:14px}.tool-card small{display:block;color:#a5adaf;font-size:11px;margin-top:5px}.feature{padding:20px;border:1px solid #dfbc7826;background:linear-gradient(130deg,#5c48252c,#11191c55);border-radius:20px;display:flex;gap:15px;align-items:center;margin-top:20px}.feature img{height:48px;width:48px;border-radius:50%}.feature p{font-size:12px;color:#b6b9b5;margin-top:4px}.feature strong{font-size:14px}.feature .arrow{margin-left:auto;color:var(--gold)}.starter{display:flex;align-items:center;gap:13px;padding:15px 0;text-align:left;width:100%;border-bottom:1px solid #ffffff0d}.starter .number{font:12px var(--mono);color:var(--gold)}.starter strong{display:block;font-size:13px}.starter small{display:block;font-size:11px;color:#8d989d;margin-top:3px}.starter .arrow{margin-left:auto}.home-footer{text-align:center;margin:28px 0 0;color:#65747c;font-size:10px;letter-spacing:1px}
.page-head{padding:28px 0 20px;display:flex;gap:14px;align-items:center}.page-head img{width:47px;height:47px;border-radius:50%;border:1px solid #dfbc7840}.page-head h1{font-size:34px}.page-head p{font-size:12px;color:#a4afb3;margin-top:5px}.page-head .new{margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;font-size:25px;color:var(--gold)}.studio-settings{padding:14px;background:#121b2080;border:1px solid var(--line);border-radius:16px;display:flex;gap:12px;align-items:center;font-size:12px}.studio-settings label{display:flex;gap:6px;align-items:center;color:#aab3b6}.studio-settings select{background:#10171b;color:var(--ink);border:0;font-size:12px;padding:7px 4px;max-width:128px}.studio-settings .live{margin-left:auto;color:#adc5b0;font-size:10px}.starter-prompts{display:grid;gap:10px;margin-top:22px}.prompt{padding:16px;border:1px solid var(--line);border-radius:17px;text-align:left;font-size:13px;background:#11191c80}.prompt span{display:block;color:var(--gold);font-size:11px;margin-bottom:5px}.empty{padding:32px 8px;text-align:center}.empty h2{font-size:30px;margin-bottom:12px}.empty p{font-size:13px;color:#a7b0b3;max-width:290px;margin:auto;line-height:1.7}.conversation{display:grid;gap:19px;margin:24px 0}.message{max-width:94%;font-size:14px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.message.user{justify-self:end;background:#222a2d;border:1px solid #ffffff0d;border-radius:19px 19px 3px 19px;padding:13px 17px}.message.assistant{justify-self:start;border-left:2px solid #dfbc7852;padding:1px 0 1px 15px}.speaker{display:block;font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}.composer{padding:13px;border:1px solid #dfbc7840;border-radius:21px;background:#10171c;margin-top:16px;box-shadow:0 5px 30px #0003}.composer label{font-size:11px;color:#b7bcae;display:block;margin:0 6px 8px}.composer textarea{display:block;width:100%;resize:vertical;min-height:94px;max-height:220px;outline:none;border:0;background:transparent;color:var(--ink);font-size:16px;padding:4px 6px}.composer textarea:focus-visible{outline:0}.composer:focus-within{border-color:var(--gold)}.composer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.composer-bottom small{font-size:10px;color:#88989e;margin-left:6px}.send{background:var(--gold);color:#101214;border-radius:50%;height:44px;width:44px;font-size:22px}.save-line{margin:9px 4px;font-size:10px;color:#93a39f}.error-box{color:#efc3b4;background:#36231f80;border:1px solid #ecb09c30;border-radius:14px;font-size:12px;padding:13px;margin:16px 0;overflow-wrap:anywhere}.error-box button{margin-top:10px}.writing-card{border:1px solid #dfbc7840;border-radius:19px;overflow:hidden;margin-top:24px;background:#11191ddd}.writing-top{padding:21px;border-bottom:1px solid var(--line)}.writing-top h2{font-size:27px;margin:7px 0 9px}.writing-top p{font-size:12px;color:#a8b1b0}.chapter{border-bottom:1px solid #ffffff0a}.chapter summary{padding:17px 18px;cursor:pointer;font-size:13px;font-weight:600;min-height:52px}.chapter summary::marker{color:var(--gold)}.chapter p{padding:0 19px 17px;font-size:13px;color:#c2c7c4;line-height:1.8;white-space:pre-wrap}.chapter p.direction{color:#97aaa8;font-size:12px}.writing-actions{padding:17px;display:grid;gap:10px}.review-note{font-size:11px;color:#bdb49f;line-height:1.6}.details{border:1px solid var(--line);border-radius:14px;margin-top:16px}.details summary{padding:14px;cursor:pointer;color:#b4babb;font-size:12px}.details-body{padding:0 14px 14px;display:grid;gap:12px}.details-body label{font-size:12px;color:#b4babb}.details-body input,.details-body textarea,.search{display:block;width:100%;min-height:44px;background:#10171a;border:1px solid var(--line);border-radius:11px;padding:11px;color:var(--ink);font-size:16px;margin-top:6px}.details-body textarea{min-height:75px}.project-card{width:100%;text-align:left;padding:19px;border:1px solid var(--line);border-radius:19px;background:#111a1fc2;margin-top:12px;display:flex;gap:15px;align-items:center}.project-art{width:44px;height:52px;display:flex;align-items:center;justify-content:center;color:var(--gold);border:1px solid #dfbc7826;background:#dfbc7810;border-radius:12px;font:26px var(--serif);flex:none}.project-copy{min-width:0;flex:1}.project-copy strong{font-size:14px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-copy small{font-size:11px;color:#98a8ad;display:block;margin-top:5px}.project-menu{padding-top:5px;display:flex;justify-content:flex-end;gap:12px}.project-menu button{font-size:11px;min-height:40px;color:#b8b4a5}.profile-card{border:1px solid var(--line);border-radius:24px;padding:25px;text-align:center;background:#14202577}.avatar{display:flex;justify-content:center;align-items:center;width:72px;height:72px;border-radius:50%;margin:0 auto 16px;background:#dfbc7817;border:1px solid #dfbc7855;color:var(--gold);font:30px var(--serif)}.profile-card h2{font-size:30px;overflow-wrap:anywhere}.profile-card p{font-size:12px;color:#99a8ae;margin:8px 0 0;overflow-wrap:anywhere}.balance{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:15px}.balance strong{font:28px var(--serif);color:var(--gold)}.list-links{margin-top:22px;border-top:1px solid var(--line)}.list-links a,.list-links button{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;min-height:57px;border-bottom:1px solid var(--line);font-size:13px}.list-links span{color:#87959c}.install-sheet{max-width:370px;width:calc(100% - 32px);border:1px solid #dfbc7835;border-radius:28px;padding:28px;background:#11191f;color:var(--ink)}dialog::backdrop{background:#020405b0;backdrop-filter:blur(6px)}.install-sheet img{margin-bottom:20px}.install-sheet h2{font-size:34px}.install-sheet p{margin-top:15px;font-size:13px;color:#b6bfc1}.install-sheet li{font-size:12px;color:#c6cbca;margin:14px 0}.install-sheet ol{padding-left:16px}.install-sheet .primary{margin-top:22px;width:100%}.sheet-close{position:absolute;right:15px;top:10px;width:44px;height:44px;font-size:25px}.toast{position:fixed;bottom:calc(93px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100% - 32px);width:max-content;background:#ece2cb;color:#171b1e;border-radius:14px;padding:12px 18px;font-size:12px;box-shadow:0 8px 30px #0006}.auth{max-height:calc(100dvh - 32px);overflow:auto}.auth-sheet{animation:none!important}.auth-actions .btn{font-size:13px}.auth-notice{font-size:12px;color:var(--gold)}.auth-mark{color:var(--gold)}.auth-seam{font-size:11px}.auth-hint{font-size:11px}
@media(min-width:650px){.app-shell{border-left:1px solid #ffffff10;border-right:1px solid #ffffff10;box-shadow:0 0 180px #0005}.intro{padding-top:34px}.intro h1{font-size:50px;max-width:360px}.baba-hero{min-height:290px;margin-top:-35px}.baba-hero img{width:320px;height:320px}.agent-note{left:25px}main{padding-inline:30px}.topbar{padding-inline:30px}}@media(max-width:359px){main{padding-inline:16px}.topbar{padding-inline:16px}.beta{display:none}.account-chip{max-width:125px}.intro h1{font-size:39px}.studio-settings{gap:5px;padding:10px}.studio-settings select{max-width:95px}.studio-settings .live{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Baba belongs to the sky; her supplied black-backed portrait blends into it. */
.baba-hero{margin-top:8px;min-height:260px}.baba-hero img{width:260px;height:260px;mix-blend-mode:normal}.intro p{max-width:280px}
.baba-hero{isolation:isolate;mix-blend-mode:normal}

.app-update{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.app-update .secondary{min-height:44px;font-size:13px}

.home-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.home-shortcuts a{display:inline-flex;align-items:center;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:24px;font-size:12px}.project-destinations{display:grid;gap:10px}.project-destinations .feature{margin-top:0}.project-destinations .feature>span{margin-left:auto}.ml-app-mode .topbar .account-chip{min-height:44px}

/* The same alpha portrait as the website preserves the full fur and paws. */
.baba-hero>img{mask-image:none;-webkit-mask-image:none}

.draft-capacity{border:1px solid var(--line);border-radius:16px;padding:16px;margin:16px 0;line-height:1.65;font-size:14px}.draft-capacity p{margin:6px 0}.draft-capacity a{display:inline-flex;min-height:44px;align-items:center;color:inherit;text-decoration:underline}.voice-access-note{padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:13px;line-height:1.65;color:inherit}

.studio-workspaces{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.studio-workspaces a,.studio-workspaces span{padding:10px 14px;border:1px solid var(--line,#35403b);border-radius:24px;color:inherit}.studio-workspaces [aria-current]{color:#e8c778}.studio-video-entry{display:grid;gap:14px;margin-bottom:24px;padding:20px;border:1px solid #645334;border-radius:18px;background:rgba(226,186,104,.05)}.studio-video-entry p,.studio-video-entry small{color:#aebbb6;line-height:1.5}.studio-video-entry label{display:grid;gap:8px}.studio-video-entry select{width:100%;padding:12px;border-radius:10px;background:#121b1c;color:#f5f1e8;border:1px solid #59635e;font:inherit}.studio-video-entry .primary{text-align:center}

.mobile-orders .page-heading{margin:24px 0}.mobile-orders .page-heading p{color:var(--muted,#a6aeb0);margin-top:12px}.mobile-orders .order-card{padding:22px;margin-top:18px;border:1px solid var(--line);border-radius:20px;background:#10171b}.mobile-orders .order-card h2{font:600 18px var(--sans)}.mobile-orders .order-card p{font-size:13px;line-height:1.6;margin:12px 0;color:#bac2c5}.mobile-orders .order-card strong{color:var(--gold);font-size:21px}.mobile-orders .notice{padding:16px;margin-top:20px;border:1px solid #dfbc7844;border-radius:14px;font-size:13px;line-height:1.6}

/* Mobile controls remain readable and reachable when labels wrap or text grows. */
.studio-settings{flex-wrap:wrap;gap:12px;min-width:0;align-items:center}
.studio-settings label{flex:1 1 150px;min-width:0;flex-wrap:wrap;font-size:14px}
.studio-settings select{font-size:16px;min-height:44px;max-width:100%;min-width:0;padding:10px 8px}
.studio-settings .writing-language{font-size:13px}
.studio-settings .secondary{min-height:44px}
.studio-settings .live{flex-basis:100%;margin-left:0;font-size:12px;overflow-wrap:anywhere}
.tabbar a{font-size:12px}
.save-line,.composer-bottom small{font-size:12px;line-height:1.6}
.page-head .new{width:44px;height:44px;min-width:44px;flex-shrink:0}
.project-menu{flex-wrap:wrap;gap:8px}
.project-menu button{min-height:44px;padding:10px 8px;font-size:13px}

.studio-video-entry{display:block;padding:0;margin-bottom:18px}
.studio-video-entry>summary{padding:15px 18px;min-height:48px;cursor:pointer;font-size:14px;font-weight:600;color:var(--gold)}
.studio-video-options{display:grid;gap:14px;padding:0 18px 18px}
.studio-video-options small{font-size:12px}
.account-link-group{margin-top:28px}
.account-link-group>h2{font:600 16px/1.5 var(--sans);letter-spacing:0}
.account-link-group>.list-links{margin-top:10px}
.account-link-group .details .list-links{margin:0;padding:0 14px 8px;border-top:0}
/* Shared light palette: retain readable text on the new launcher/order surfaces. */
html[data-theme="light"] .app-shell .studio-video-entry,
html[data-theme="light"] .app-shell .mobile-orders .order-card{background:var(--theme-panel,#fff);color:var(--theme-ink,#202921);border-color:var(--theme-border,#c4cbc0)}
html[data-theme="light"] .app-shell .studio-video-entry>summary,
html[data-theme="light"] .app-shell .mobile-orders .order-card strong{color:var(--accent-ink,#735216)}
html[data-theme="light"] .app-shell .studio-video-options p,
html[data-theme="light"] .app-shell .studio-video-options small,
html[data-theme="light"] .app-shell .mobile-orders .page-heading p,
html[data-theme="light"] .app-shell .mobile-orders .order-card p{color:var(--theme-muted,#596354)}
html[data-theme="light"] .app-shell .studio-video-entry select{background:var(--theme-panel,#fff);color:var(--theme-ink,#202921);border-color:var(--theme-muted,#596354);color-scheme:light}
html[data-theme="light"] .app-shell .mobile-orders .notice{background:var(--paper-lo,#eeeee5);color:var(--theme-ink,#202921);border-color:var(--theme-border,#c4cbc0)}
.studio-video-entry>summary,.mobile-orders .order-card{overflow-wrap:anywhere}
.studio-video-options,.studio-video-options label{min-width:0}
.studio-video-options select{max-width:100%;min-width:0}

/* Account keeps privacy controls available without covering the composer. */
.app-shell~.ml-privacy-trigger{display:none}
/* Keep the active writing destination clear in the shared light palette. */
html[data-theme="light"] .app-shell .studio-workspaces [aria-current="page"]{color:var(--accent-ink,#735216);background:var(--theme-soft,#eef1e6);border-color:var(--accent-ink,#735216);font-weight:600}