:root{--accent-text:var(--lime)}
html[data-theme=light]{--bg:#f2f3f2;--card:#fff;--card2:#e9ece7;--line:#20291e18;--mut:#60695e;--bad:#b93229;--accent-text:#3c641b}
html[data-theme=light] body{background:var(--bg);color:#171b16;background-image:none}
html[data-theme=light] :is(.card,.auth,.video-card,.dashboard-hero,.metric-tile,.recent-panel,.profile-identity,.profile-group,.results-scroll){background:#ffffffeb;border-color:var(--line);box-shadow:0 4px 24px #28351f05;border-radius:26px}
html[data-theme=light] :is(button,.btn){background:var(--card2);color:#20271e;border-color:var(--line);box-shadow:none}
html[data-theme=light] .pri{background:linear-gradient(145deg,#e2ff9d,#d5fb76);color:#17220f;border-color:#bddc72;box-shadow:inset 0 1px 0 #fff9}
html[data-theme=light] .ghost{background:transparent}
html[data-theme=light] :is(input,textarea,select){background:#f4f6f2;color:#171b16;border-color:#293d2429;box-shadow:none}
html[data-theme=light] label.ck{color:#20271e}
html[data-theme=light] :is(.hero-number,.profile-identity b){color:#171b16}
html[data-theme=light] :is(.dashboard-hero p,.metric-tile span,.profile-identity small,.profile-row-text small,.profile-section-label,.video-date,.video-footer,.results-table caption,.results-table thead,.assistant-message small,.studio-note p,.sidebar-account,.launch-caption){color:var(--mut)}
html[data-theme=light] :is(.metric-tile strong,.section-title a,.recent-arrow,.profile-symbol,.reel-metrics b,.reel-link,.rank,.note-mark,.assistant-spark,.assistant-thinking,.assistant-sharing summary,.video-footer span:last-child,.username-suggestions button,nav a.on){color:var(--accent-text)}
html[data-theme=light] :is(.studio-note,.connection-attention,.assistant-status){background:#eaf2df;border-color:#cbdcb9;box-shadow:none}
html[data-theme=light] :is(.hero-loop,.recent-thumb,.empty-plus,.profile-avatar,.account-dot){background:#eef4e7;color:var(--accent-text);border-color:#dbe5d0}
html[data-theme=light] .hero-loop{border-top-color:#83ac45;border-right-color:#83ac45}
html[data-theme=light] :is(nav,.studio nav){background:linear-gradient(145deg,#ffffffb8,#edf0e8c9);border-color:#ffffffd9;box-shadow:inset 0 1px 0 #fff,0 8px 30px #23321b0a}
html[data-theme=light] .studio header{background:#e9ece8c9;border-color:var(--line)}
html[data-theme=light] .liquid-selection{background:linear-gradient(135deg,#ffffffa8,#cce6a961);border-color:#ffffffdf;box-shadow:inset 0 1px 1px #fff,0 2px 10px #3142210c}
html[data-theme=light] nav a:hover{background:#dbe5d066}
html[data-theme=light] :is(.nav-label,.eyebrow){color:#697562}
html[data-theme=light] :is(.recent-row,.profile-row,.profile-details,.results-table th,.results-table td,.assistant-message){border-color:var(--line)}
html[data-theme=light] .assistant-message{background:#f4f6f1}
html[data-theme=light] .assistant-message.user{background:#ebf4de}
html[data-theme=light] .publication-warning{background:#f2f5e6;color:#4b612e;border-color:#d1dcb7}
html[data-theme=light] .status-published{color:#3c641b}html[data-theme=light] .status-failed{color:#934615}html[data-theme=light] .status-publishing{color:#315f83}
html[data-theme=light] .b-warn{color:#795500;border-color:#b38a3866}
html[data-theme=light] .filter-tabs button{background:transparent;color:var(--mut)}html[data-theme=light] .filter-tabs button.selected{background:#e0edce;color:var(--accent-text)}
html[data-theme=light] .video-cover{background:radial-gradient(ellipse at top,#e3edda,#cfdcc2);color:#54703d}
html[data-theme=light] .video-card:nth-child(n) .video-cover{background:radial-gradient(ellipse at top,#e3edda,#cfdcc2)}
html[data-theme=light] .video-icon{background:#ffffff55;border-color:#829a6260}
html[data-theme=light] .empty-state{border-color:#bbc9af}
html[data-theme=light] .avatar-colours button.selected{outline-color:#354929}
html[data-theme=light] #toast{background:#fff;color:#20271e;box-shadow:0 8px 28px #20301518}
html[data-theme=light] #launch{background:var(--bg);color:#3c641b}html[data-theme=light] .launch-ring path{stroke:#3c641b}
html[data-theme=light] .launch-skip{background:#ffffff80;color:var(--mut);border-color:var(--line)}
.appearance-setting{display:block;margin:8px 0 4px}.appearance-help{font-size:12px;margin-bottom:16px}
html[data-theme=light] :is(button,a,input,textarea,select,summary):focus-visible{outline-color:#5c8231}
/* A soft coloured canvas makes the translucent surfaces visible. */
body{background-image:radial-gradient(ellipse at 85% 5%,#b4e97915,transparent 48%),radial-gradient(ellipse at 30% 80%,#55b6a410,transparent 52%);background-attachment:fixed}
html[data-theme=light] body{background-image:radial-gradient(ellipse at 85% 5%,#d6edba99,transparent 48%),radial-gradient(ellipse at 35% 85%,#d3eae980,transparent 52%),linear-gradient(135deg,#f4f6f2,#eef2ec);background-attachment:fixed}
:is(.card,.auth,.video-card,.dashboard-hero,.metric-tile,.recent-panel,.profile-identity,.profile-group,.results-scroll){backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}
html[data-theme=light] :is(.card,.auth,.video-card,.dashboard-hero,.metric-tile,.recent-panel,.profile-identity,.profile-group,.results-scroll){background:linear-gradient(135deg,#ffffffad,#ffffff70);border-color:#ffffffe8;box-shadow:inset 0 1px 0 #fff,0 10px 32px #35462a08}
.logo>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:var(--lime)!important;background:linear-gradient(145deg,#ffffff24,#ffffff05);border:1px solid #ffffff35;box-shadow:inset 0 1px 1px #ffffff55,0 4px 12px #0002;text-shadow:0 1px 2px #50651b55;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-theme=light] .logo>span{background:linear-gradient(145deg,#ffffffdf,#d9e5d880);border-color:#fff;box-shadow:inset 0 2px 1px #fff,0 4px 12px #24351c14;text-shadow:0 1px 2px #55771860}
html[data-theme=light] #launch{color:var(--lime)}html[data-theme=light] .launch-ring path{stroke:var(--lime);filter:drop-shadow(0 2px 2px #59752635)}
@media(min-width:900px){.sidebar-bottom{bottom:auto;top:clamp(485px,62vh,650px)}.studio header>.ghost{bottom:auto;top:calc(clamp(485px,62vh,650px) + 126px)}}
@media(min-width:900px) and (max-height:700px){.sidebar-bottom{top:auto;bottom:65px;gap:10px}.studio header>.ghost{top:auto;bottom:15px}.studio nav{max-height:calc(100vh - 290px)}}
.glass-native-select{display:none}.glass-select{position:relative;margin:4px 0 16px}.glass-select-trigger{width:100%;text-align:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(135deg,#ffffff12,#ffffff05);border:1px solid #ffffff25;padding:12px 16px;border-radius:16px}
.glass-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;padding:6px;max-height:300px;overflow:auto;border-radius:20px;background:#20291eee;border:1px solid #ffffff35;box-shadow:inset 0 1px 0 #ffffff35,0 12px 32px #0004;backdrop-filter:blur(35px) saturate(160%);-webkit-backdrop-filter:blur(35px) saturate(160%)}
.glass-select-option{display:block;width:100%;text-align:left;border:0;background:transparent;font-weight:500;padding:11px 13px;border-radius:12px;white-space:normal;overflow-wrap:anywhere}.glass-select-option[aria-selected=true]{background:#d5fb7622;color:var(--lime)}.glass-select-option:focus-visible{outline-offset:-2px}.glass-select-menu[hidden]{display:none}
html[data-theme=light] .glass-select-trigger{background:linear-gradient(135deg,#ffffffbd,#ffffff65);border-color:#fff;box-shadow:inset 0 1px 0 #fff}
html[data-theme=light] .glass-select-menu{background:#f5f8f0ed;border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 12px 32px #293a2020}
html[data-theme=light] .glass-select-option{background:transparent}html[data-theme=light] .glass-select-option[aria-selected=true]{background:#d5fb7670;color:#314c16}
@media(prefers-reduced-transparency:reduce){html[data-theme=light] :is(.card,.auth,.video-card,.dashboard-hero,.metric-tile,.recent-panel,.profile-identity,.profile-group,.results-scroll,.glass-select-menu){background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
.profile-group:has(.glass-select-menu:not([hidden])){overflow:visible}.assistant-side:has(.glass-select-menu:not([hidden])){position:relative;z-index:21}
.dashboard-welcome{text-align:center;margin:6px 0 30px}.dashboard-welcome h1{font-size:24px;letter-spacing:-.035em;margin-bottom:7px}.dashboard-welcome p{font-size:12px}
.dashboard-feature{display:flex;align-items:center;flex-direction:column;text-align:center;min-height:330px;justify-content:center;padding:38px 30px;border-radius:32px;background:radial-gradient(ellipse at 5% 0%,#34402c,#11170f 65%);border:1px solid #ffffff1c;box-shadow:inset 0 1px 0 #ffffff20,0 12px 32px #18200f10;color:#fff}.dashboard-feature h2{font-size:30px;max-width:470px;line-height:1.3;margin:8px 0 12px;letter-spacing:-.04em}.dashboard-feature>p{max-width:420px;color:#c0cbb6;font-size:14px}.dashboard-feature .feature-eyebrow{font-size:10px;letter-spacing:.2em;color:#b0c697;margin:12px 0 0}.feature-loop{font-size:62px;color:var(--lime);line-height:1.1;text-shadow:0 2px 16px #d5fb7630}.dashboard-feature .pri{margin-top:12px;border-radius:99px;padding:12px 24px}.dashboard .metrics-row{margin-top:0}
@media(min-width:900px){.studio main>.dashboard{max-width:800px;margin:0 auto}.studio nav{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.studio header{width:205px}.studio main{margin-left:205px;width:calc(100% - 205px)}.studio nav{width:170px}.studio nav a{padding:11px 14px;font-size:13px}.studio main:has(.dashboard)>p{display:none}.dashboard-welcome{margin-top:10px;margin-bottom:36px}}
@media(max-width:540px){.dashboard-feature{min-height:300px;padding:28px 20px}.dashboard-feature h2{font-size:27px}}
@media(min-width:900px){.studio nav{top:118px;bottom:220px;height:auto;max-height:none;overflow-y:auto;padding:6px 3px;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar-bottom{top:auto;bottom:90px;gap:18px}.studio header>.ghost{top:auto;bottom:25px}.studio nav a{min-height:42px;margin-bottom:4px}}
.appearance-choices{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.appearance-choices button{flex:1;min-width:85px;min-height:44px}.appearance-choices button[aria-pressed=true]{background:var(--lime);color:#18230c;border-color:#a6ca61;box-shadow:inset 0 1px 0 #fff8}
.logo>span{flex-shrink:0;background:linear-gradient(145deg,#405032,#142211);border-color:#8ca66a80;font-size:32px;text-shadow:0 1px 1px #0006}
html[data-theme=light] .logo>span{background:linear-gradient(145deg,#385127,#1c3214);border-color:#789658;box-shadow:inset 0 1px 1px #cde6ad70,0 4px 12px #24351c14;text-shadow:0 1px 1px #0005}
html[data-theme=dark] .logo>span{background:linear-gradient(145deg,#50613b,#213218);box-shadow:inset 0 1px 1px #d5fb7660,0 4px 12px #0003}
@media(min-width:900px){.studio header{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;overflow-y:auto;padding:24px 18px}.studio header>.logo{order:0;margin-bottom:24px}.studio header>nav{order:1;position:static;width:100%;height:auto;max-height:none;overflow:visible;padding:0;flex-shrink:0}.studio header>.sidebar-bottom{order:2;position:static;display:flex;gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.studio header>.ghost{order:3;position:static;margin-top:16px;text-align:left;padding-left:8px}.studio nav a{min-height:40px;margin-bottom:3px;font-size:13px;padding:10px 12px}.studio .nav-label{margin:0 12px 12px}}
.logo>span svg{width:38px;height:38px;display:block;filter:drop-shadow(0 1px 1px #0002)}.feature-loop svg{width:82px;height:82px;display:block}
html[data-theme] .logo>span{background:linear-gradient(145deg,#e5ffa2,#d5fb76);color:#202919!important;border-color:#c4e977;box-shadow:inset 0 1px 1px #fff8,0 3px 10px #25301913;text-shadow:none}
html[data-theme=dark] .logo>span{background:linear-gradient(145deg,#d5fb76,#bfe65c)}
#launch,html[data-theme=light] #launch{background:#d5fb76;color:#202919}#launch .launch-ring path,html[data-theme=light] .launch-ring path{stroke:#202919;filter:none}#launch .launch-caption{color:#45552b}#launch .launch-skip{color:#33451e;border-color:#33451e30;background:#ffffff30}
html[data-theme] .logo>span{background:#d5fb76;border:1px solid #c5e97a;box-shadow:inset 0 1px 0 #ffffff40,0 2px 6px #00000010;border-radius:13px}.logo>span svg{width:34px;height:34px;filter:none}
html[data-theme=dark] .logo>span{background:#cfee72}
/* Logo glass keeps the approved silhouette and uses light at the edges. */
html[data-theme] .logo>span{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 25% 0%,#ffffff9c,transparent 58%),linear-gradient(145deg,#e1ff99e8,#d5fb76d9 55%,#c5e969e6);border:1px solid #f0ffc8d9;box-shadow:inset 0 1px 2px #ffffffd0,inset 0 -2px 3px #72953330,0 3px 9px #25301920;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
html[data-theme=dark] .logo>span{background:radial-gradient(ellipse at 25% 0%,#ffffff65,transparent 58%),linear-gradient(145deg,#d9fb85e8,#bedf65dc);border-color:#e6ffb5b0;box-shadow:inset 0 1px 2px #ffffffa0,inset 0 -2px 3px #55732260,0 3px 9px #0003}
.logo>span svg{filter:drop-shadow(0 1px 1px #32491650)}
.logo>span::after{content:'';position:absolute;inset:2px;border:1px solid #ffffff40;border-radius:10px;pointer-events:none}
.logo>span svg{filter:none}.logo>span svg path{stroke-width:6}.feature-loop svg path{stroke-width:6}

/* 90-day creator challenge */
.challenge-page{max-width:1080px;margin:0 auto}.challenge-start{max-width:620px;padding:32px}.challenge-start h2{font-size:25px;margin:6px 0 8px}.challenge-start .pri{margin-top:4px}.challenge-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--lime);color:#18230c;font-size:31px;margin-bottom:22px}.challenge-local-note{font-size:12px;color:var(--mut);margin:14px 2px}.challenge-overview{background:radial-gradient(ellipse at 95% 0%,color-mix(in srgb,var(--lime) 12%,transparent),transparent 45%),var(--card);padding:28px}.challenge-overview-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.challenge-overview-top h2{font-size:23px;margin:5px 0}.challenge-progress-number{display:flex;align-items:baseline;gap:5px;white-space:nowrap}.challenge-progress-number strong{font-size:36px;line-height:1;color:var(--lime)}.challenge-progress-number span{color:var(--mut);font-size:14px}.challenge-meter{height:10px;background:var(--card2);border-radius:99px;overflow:hidden;margin:24px 0 8px}.challenge-meter span{display:block;height:100%;background:linear-gradient(90deg,#b4e257,var(--lime));border-radius:inherit;transition:width .25s}.challenge-progress-caption{display:flex;justify-content:space-between;color:var(--mut);font-size:12px;margin-bottom:18px}.challenge-overview>.pri,.challenge-overview>.ghost{min-width:210px}.challenge-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0 32px}.challenge-stat{display:flex;flex-direction:column;gap:3px;margin:0;padding:18px}.challenge-stat strong{font-size:27px;color:var(--lime)}.challenge-stat span{font-size:12px;color:var(--mut)}.challenge-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:14px 0 28px}.challenge-day{min-width:0;min-height:64px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--card);border-color:var(--line);border-radius:13px}.challenge-day span{font-size:13px}.challenge-day small{font-size:10px;color:var(--mut)}.challenge-day.done{background:color-mix(in srgb,var(--lime) 18%,var(--card));border-color:color-mix(in srgb,var(--lime) 54%,var(--line));color:var(--lime)}.challenge-day.done small{color:inherit;opacity:.8}.challenge-day.today{outline:2px solid var(--lime);outline-offset:1px}.challenge-day.future{opacity:.45}.challenge-day:disabled{cursor:default}.challenge-finish{padding:16px 18px;background:color-mix(in srgb,var(--lime) 13%,var(--card));border:1px solid color-mix(in srgb,var(--lime) 40%,var(--line));border-radius:14px}.challenge-manage{padding:18px 20px;background:var(--card);border:1px solid var(--line);border-radius:16px}.challenge-manage summary{cursor:pointer;font-weight:700}.challenge-manage-body{max-width:460px;padding-top:16px}.challenge-manage-body button{margin:3px 6px 4px 0}
@media(max-width:540px){.challenge-start{padding:22px}.challenge-overview{padding:20px}.challenge-overview-top h2{font-size:19px}.challenge-progress-number strong{font-size:29px}.challenge-stats{gap:8px}.challenge-stat{padding:14px 10px}.challenge-stat strong{font-size:23px}.challenge-calendar{gap:5px}.challenge-day{min-height:50px;border-radius:10px;padding:5px 1px}.challenge-day span{font-size:11px}.challenge-day small{font-size:8px}}

.page-loading{min-height:180px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted,#72796f);font-size:15px}.page-loading-spinner{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--muted,#72796f) 25%,transparent);border-top-color:var(--accent,#bdf765);border-radius:50%;animation:reloop-spin .7s linear infinite}@keyframes reloop-spin{to{transform:rotate(360deg)}}