:root{color-scheme:dark;--ink:#10100f;--panel:#191918;--paper:#eee8d9;--muted:#9f9c92;--line:#ffffff24;--accent:#d7ff3f}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.55 Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,a{color:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.access-header{height:92px;padding:0 4vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#10100fe8;backdrop-filter:blur(16px)}.access-header img{width:190px;height:72px;object-fit:cover}.access-header>span,.eyebrow{font:12px/1.4 monospace;letter-spacing:.18em;color:var(--muted)}.access-header label{margin-left:auto}.access-header select{border:0;border-bottom:1px solid var(--paper);background:transparent;color:var(--paper);padding:9px 3px}.access-header option{color:#111;background:var(--paper)}.access-header button{border:0;border-bottom:1px solid var(--paper);background:none;padding:9px 0}.login-shell{min-height:calc(100svh - 150px);padding:10vh 7vw 8vh;display:flex;flex-direction:column;justify-content:center}.login-shell h1{font-size:clamp(74px,12vw,180px);line-height:.8;letter-spacing:-.075em;font-weight:600;margin:25px 0 52px}.login-copy{font-size:clamp(18px,2vw,27px);max-width:680px;color:#c2beb1}.login-shell form{width:min(100%,680px);margin-top:38px}.login-shell label{display:block;color:var(--muted);font-size:13px}.login-shell input{display:block;width:100%;margin-top:9px;background:transparent;color:var(--paper);border:0;border-bottom:1px solid #777469;padding:18px 2px;font-size:24px}.login-shell form button{width:100%;margin-top:24px;padding:21px;background:var(--paper);color:#111;border:1px solid var(--paper);font-weight:700;letter-spacing:.12em}.login-shell form button:hover{background:white}.login-shell form button:disabled{opacity:.55}.back-link{margin-top:45px;color:var(--muted);text-underline-offset:5px}#access-message{min-height:25px;color:#d8cfb4}#academy{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100svh - 92px)}.academy-rail{border-right:1px solid var(--line);padding:48px 32px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100svh - 92px)}.rail-mark{font-size:28px;line-height:1.05;letter-spacing:-.04em;margin:0 0 50px}.academy-rail nav{display:flex;flex-direction:column}.academy-rail nav button{border:0;border-top:1px solid var(--line);background:none;color:var(--muted);padding:17px 0;text-align:left}.academy-rail nav button.active,.academy-rail nav button:hover{color:var(--paper);padding-left:12px}.academy-rail>a{margin-top:auto;font-size:13px;color:var(--muted);text-underline-offset:5px}.academy-content{padding:55px 5vw 110px;min-width:0}.artist-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding-bottom:44px;border-bottom:1px solid var(--line)}.artist-heading h1{font-size:clamp(48px,7.4vw,115px);line-height:.93;letter-spacing:-.06em;font-weight:500;margin:14px 0 0}.progress-ring{width:118px;aspect-ratio:1;border:1px solid #777469;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.progress-ring strong{font-size:29px;font-weight:500}.progress-ring span{font:9px monospace;letter-spacing:.16em;color:var(--muted)}.view-header{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:55px 0 35px}.view-header h2{font-size:clamp(38px,5vw,72px);line-height:1;letter-spacing:-.045em;font-weight:500;margin:0}.view-header p{max-width:580px;color:#b9b5a9;font-size:18px;margin:0}.status-path{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:55px}.status-path div{min-height:118px;padding:20px;border-right:1px solid var(--line)}.status-path div:last-child{border:0}.status-path span{display:block;font:10px monospace;color:var(--muted);letter-spacing:.12em}.status-path strong{display:block;font-weight:500;margin-top:25px}.status-path .done{background:var(--paper);color:#111}.status-path .done span{color:#59564e}.section-label{font:11px monospace;letter-spacing:.18em;color:var(--muted);margin:50px 0 15px}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.module-card{position:relative;min-height:270px;background:var(--ink);border:0;padding:28px;color:var(--paper);text-align:left;display:flex;flex-direction:column}.module-card:hover{background:#20201e}.module-card small{font:10px monospace;letter-spacing:.15em;color:var(--muted)}.module-card h3{font-size:clamp(25px,3vw,40px);line-height:1.05;letter-spacing:-.035em;font-weight:500;margin:24px 0 14px}.module-card p{color:#aaa69c;margin:0;max-width:440px}.module-card>span{margin-top:auto;padding-top:28px;font:11px monospace;letter-spacing:.12em}.module-card.complete::after{content:'COMPLETE';position:absolute;right:20px;top:20px;color:var(--accent);font:10px monospace;letter-spacing:.12em}.partner-card{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;background:var(--paper);color:#111;padding:40px;margin:1px 0 55px}.partner-card h3{font-size:40px;line-height:1;letter-spacing:-.04em;margin:12px 0 18px}.partner-card p{font-size:17px;margin:0}.partner-card a{display:flex;align-items:center;justify-content:center;border:1px solid #111;text-decoration:none;font-weight:700;letter-spacing:.09em;min-height:74px;align-self:end}.partner-card a:hover{background:#111;color:var(--paper)}.empty{padding:70px 0;color:var(--muted)}.submission-list{border-top:1px solid var(--line)}.submission{display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:25px;padding:22px 0;border-bottom:1px solid var(--line)}.submission strong{font-weight:500}.submission span{color:var(--muted)}.submission .approved{color:var(--accent)}dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;background:var(--ink);color:var(--paper)}dialog::backdrop{background:#000}.lesson-top{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:11px monospace;letter-spacing:.17em}.lesson-top button{border:0;border-bottom:1px solid var(--paper);background:none;color:var(--paper);padding:8px 0}#lesson-content{width:min(100%,1040px);margin:auto;padding:70px 5vw 110px}.lesson-number{font:11px monospace;letter-spacing:.16em;color:var(--muted)}#lesson-title{font-size:clamp(48px,7vw,96px);line-height:.93;letter-spacing:-.06em;font-weight:500;margin:20px 0 35px}.lesson-lead{font-size:22px;line-height:1.55;color:#c4c0b3;max-width:760px}.lesson-section{padding:44px 0;border-top:1px solid var(--line)}.lesson-section h3{font:12px monospace;letter-spacing:.16em;color:var(--muted);margin:0 0 25px}.lesson-section ol,.lesson-section ul{padding-left:25px;font-size:18px;line-height:1.7}.lesson-section li+li{margin-top:12px}.scenario{border-left:3px solid var(--paper);padding:8px 0 8px 26px;font-size:20px}.checklist{display:grid;gap:12px}.checklist label{display:flex;align-items:flex-start;gap:14px;padding:17px;border:1px solid var(--line);font-size:17px}.checklist input{width:20px;height:20px;accent-color:var(--paper);flex:none}.quiz-options{display:grid;gap:10px}.quiz-options button{text-align:left;padding:16px;background:transparent;color:var(--paper);border:1px solid #777469}.quiz-options button.correct{background:var(--accent);color:#111;border-color:var(--accent)}.quiz-options button.wrong{border-color:#bc665a}.evidence-form{display:grid;gap:16px}.evidence-form textarea{width:100%;background:#171716;border:1px solid #55534d;color:var(--paper);padding:16px;min-height:110px}.evidence-form input[type=file]{padding:25px;border:1px dashed #777469;width:100%}.evidence-form button,.lesson-complete{width:100%;padding:20px;background:var(--paper);color:#111;border:0;font-weight:700;letter-spacing:.1em}.lesson-complete{margin-top:24px;background:transparent;color:var(--paper);border:1px solid #777469}.lesson-result{color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 4vw;color:var(--muted);font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--paper);outline-offset:4px}@media(max-width:850px){.access-header{height:74px;padding:0 5vw;gap:14px}.access-header img{width:125px;height:54px}.access-header>span{display:none}.login-shell{padding:8vh 7vw}.login-shell h1{font-size:clamp(68px,23vw,110px);margin-bottom:38px}#academy{display:block}.academy-rail{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:24px 6vw}.rail-mark{font-size:22px;margin:0 0 20px}.academy-rail nav{display:grid;grid-template-columns:1fr 1fr}.academy-rail nav button{font-size:13px}.academy-rail>a{display:none}.academy-content{padding:40px 6vw 80px}.artist-heading{gap:20px}.progress-ring{width:92px}.status-path{grid-template-columns:1fr 1fr}.status-path div:nth-child(2){border-right:0}.status-path div:nth-child(-n+2){border-bottom:1px solid var(--line)}.view-header{grid-template-columns:1fr;gap:20px}.module-grid{grid-template-columns:1fr}.module-card{min-height:240px}.partner-card{grid-template-columns:1fr;padding:28px}.submission{grid-template-columns:1fr;gap:8px}#lesson-content{padding:50px 7vw 90px}.lesson-top{height:70px}.access-header #logout{font-size:12px}.artist-heading h1{font-size:clamp(43px,13vw,72px)}}

/* Course organization */
.course-list{display:grid;gap:18px;margin-bottom:55px}.course-unit{background:#151514;border:1px solid var(--line)}.course-row{width:100%;display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:28px;align-items:center;padding:28px 30px;background:transparent;border:0;color:var(--paper);text-align:left;text-decoration:none}.course-row:hover{background:#ffffff08}.course-mark{width:72px;aspect-ratio:1;border:1px solid #777469;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:600}.course-unit.complete .course-mark{background:var(--paper);border-color:var(--paper);color:#111}.course-copy{display:grid;gap:7px}.course-copy small{font:10px/1.4 monospace;letter-spacing:.16em;color:var(--muted)}.course-copy strong{font-size:clamp(22px,2.3vw,34px);line-height:1.08;font-weight:500;letter-spacing:-.025em}.course-copy>span{color:#aaa69c;max-width:720px}.course-action{font:11px monospace;letter-spacing:.12em;white-space:nowrap}.course-requirements{position:relative;margin:0 30px 28px 126px;border-left:1px solid #4a4944;padding:2px 0 2px 34px;display:grid;gap:22px}.course-requirement{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:center;min-height:42px}.requirement-mark{width:32px;aspect-ratio:1;border:1px solid #66645e;border-radius:50%;display:grid;place-items:center;background:#151514;color:var(--muted);margin-left:-51px}.course-requirement.complete .requirement-mark{background:var(--paper);border-color:var(--paper);color:#111}.course-requirement>span:last-child{display:grid;gap:2px}.course-requirement strong{font-size:14px;font-weight:600}.course-requirement small{font-size:12px;color:var(--muted)}
.course-unit.locked{background:#131312;border-color:#ffffff12}.course-unit.locked .course-row{cursor:not-allowed}.course-unit.locked .course-row:hover{background:transparent}.course-unit.locked .course-copy,.course-unit.locked .course-action{opacity:.52}.course-unit.locked .course-mark{width:72px;border-style:dashed;color:#8d897f;font:9px/1 monospace;letter-spacing:.12em}.course-unit.locked .course-action::before{content:'▣';margin-right:8px}.course-requirement.locked strong{color:#a39f95}.course-requirement.locked .requirement-mark{border-style:dashed}.course-unit:not(.locked):not(.complete) .course-row{box-shadow:inset 3px 0 0 var(--accent)}
.lesson-hero{text-align:center;padding:25px 0 60px}.lesson-score{width:118px;aspect-ratio:1;border:1px solid #777469;border-radius:50%;margin:0 auto 36px;display:flex;flex-direction:column;align-items:center;justify-content:center}.lesson-score.complete{background:var(--paper);color:#111;border-color:var(--paper)}.lesson-score strong{font-size:34px;line-height:1;font-weight:600}.lesson-score span{font:8px/1.2 monospace;letter-spacing:.12em;margin-top:8px}.lesson-hero .lesson-number{margin:0 0 18px}.lesson-hero #lesson-title{max-width:880px;margin:0 auto 18px}.lesson-meta{color:var(--muted);font:12px monospace;letter-spacing:.1em;margin:0 0 32px}.lesson-hero .lesson-lead{margin:0 auto}.lesson-tabs{display:flex;justify-content:center;gap:40px;border-bottom:1px solid var(--line);margin-bottom:0}.lesson-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:17px 5px;font-weight:700;letter-spacing:.08em}.lesson-tabs button.active{color:var(--paper);border-color:var(--paper)}.lesson-panel{max-width:900px;margin:0 auto}.assignment-panel{padding-top:65px}.assignment-panel>.assignment{font-size:24px;line-height:1.5;margin-bottom:36px}.progress-result{color:var(--muted);min-height:24px}
.lesson-media{max-width:900px;margin:58px auto 18px}.lesson-media-frame{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border:1px solid var(--line)}.lesson-media iframe,.lesson-media img,.lesson-media video{display:block;width:100%;height:100%;border:0;object-fit:cover}.lesson-media video{background:#000;object-fit:contain}.lesson-media figcaption{padding:12px 0;color:var(--muted);font:11px/1.5 monospace;letter-spacing:.08em}.lesson-media+.lesson-panel .lesson-section:first-child{border-top:0}
.lesson-media-gallery-section{margin-top:42px;border-top:1px solid var(--line);padding-top:24px}.lesson-gallery-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.lesson-gallery-top>p{margin:0;font:11px/1.4 monospace;letter-spacing:.16em;color:var(--muted)}.lesson-gallery-top>div{display:flex;align-items:center;gap:8px}.lesson-gallery-top button{width:42px;height:38px;border:1px solid #777469;background:transparent;color:var(--paper);font-size:18px}.lesson-gallery-top button:disabled{opacity:.28;cursor:default}.lesson-gallery-top span{min-width:56px;text-align:center;font:10px monospace;color:var(--muted)}.lesson-media-gallery{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#777469 transparent;padding-bottom:16px}.lesson-media-gallery article{flex:0 0 min(88%,780px);scroll-snap-align:start}.lesson-media-gallery article p{margin:10px 0 0;color:var(--muted);font:10px/1.5 monospace;letter-spacing:.06em}.lesson-media-gallery .lesson-media-frame{box-shadow:none}
@media(max-width:700px){.lesson-media{margin-top:32px}.lesson-media-frame{aspect-ratio:16/9}.lesson-media figcaption{font-size:9px}.lesson-media-gallery-section{margin-top:28px}.lesson-media-gallery article{flex-basis:94%}.lesson-gallery-top>p{font-size:9px}.lesson-gallery-top button{width:38px;height:36px}.lesson-actions{grid-template-columns:1fr}.lesson-next{min-height:58px}}
@media(max-width:700px){.course-unit.locked .course-mark{width:54px}}
@media(max-width:700px){.course-row{grid-template-columns:58px minmax(0,1fr);gap:16px;padding:22px 18px}.course-mark{width:54px}.course-action{grid-column:2;margin-top:8px}.course-requirements{margin:0 18px 24px 62px;padding-left:28px}.requirement-mark{margin-left:-45px}.assignment-row{grid-template-columns:54px 1fr;gap:17px}.assignment-row>small{grid-column:2}.lesson-score{width:96px}.lesson-tabs{gap:22px}.lesson-hero{padding-top:10px}.lesson-hero #lesson-title{font-size:clamp(43px,13vw,72px)}}

.lesson-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.lesson-actions .lesson-complete{margin:0}.lesson-next{width:100%;padding:20px;background:var(--paper);color:#111;border:1px solid var(--paper);font-weight:700;letter-spacing:.08em}.lesson-next:hover{background:#fff}@media(max-width:700px){.lesson-actions{grid-template-columns:1fr}.lesson-next{font-size:12px}}

/* Distinct assessment block */
.knowledge-check{position:relative;margin:56px auto 0;padding:0!important;border:1px solid var(--paper)!important;background:var(--paper);color:var(--ink);overflow:hidden}.knowledge-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid #1113}.knowledge-heading span{font:10px/1 monospace;letter-spacing:.18em;color:#5d5a50}.knowledge-check .knowledge-heading h3{margin:0;color:var(--ink);font-size:12px}.knowledge-check .quiz-question{font-size:clamp(25px,3vw,38px);line-height:1.15;letter-spacing:-.03em;font-weight:600;margin:0;padding:38px 28px 30px;max-width:760px}.knowledge-check .quiz-options{padding:0 28px 32px;gap:8px}.knowledge-check .quiz-options button{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:18px;min-height:82px;padding:0 22px 0 0;border:1px solid #1115;background:transparent;color:var(--ink);font-size:17px;transition:background .18s,color .18s,transform .18s}.knowledge-check .quiz-options button:hover{background:#fff;transform:translateX(5px)}.knowledge-check .answer-number{height:100%;display:grid;place-items:center;border-right:1px solid #1115;font:12px monospace;letter-spacing:.08em}.knowledge-check .answer-copy{text-align:left}.knowledge-check .quiz-options button.correct{background:var(--accent);color:#111;border-color:#111}.knowledge-check .quiz-options button.wrong{background:#7d3029;color:#fff;border-color:#7d3029}.knowledge-check .lesson-actions{margin:0;padding:28px;background:#dcd6c8;border-top:1px solid #1113}.knowledge-check .lesson-complete{margin:0;background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.knowledge-check .lesson-complete:hover{background:#292927}.knowledge-check .lesson-next{background:transparent;color:var(--ink);border:1px solid var(--ink)}.knowledge-check .lesson-next:hover{background:var(--ink);color:var(--paper)}.knowledge-check .progress-result{margin:0;padding:0 28px 28px;background:#dcd6c8;color:#4e4b43;min-height:0}
.assessment-status{display:grid;grid-template-columns:1fr 1fr;margin:24px 28px 0;border:1px solid #1114}.assessment-status>div{display:grid;gap:6px;padding:16px 18px}.assessment-status>div+div{border-left:1px solid #1114}.assessment-status span{font:9px/1 monospace;letter-spacing:.15em;color:#6f6a60}.assessment-status strong{font-size:14px}.knowledge-check .quiz-options button.selected{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateX(5px)}.knowledge-check .quiz-options button.selected .answer-number{border-color:#fff4}.knowledge-check .lesson-complete:disabled{background:#bcb6a9;color:#777267;border-color:#aaa397;cursor:not-allowed}.knowledge-check.assessment-ready .lesson-complete{background:var(--ink);color:var(--paper);box-shadow:0 0 0 3px var(--accent)}
@media(max-width:700px){.knowledge-check{margin-top:38px}.knowledge-heading{padding:20px}.assessment-status{grid-template-columns:1fr;margin:20px 20px 0}.assessment-status>div+div{border-left:0;border-top:1px solid #1114}.knowledge-check .quiz-question{padding:30px 20px 24px}.knowledge-check .quiz-options{padding:0 20px 24px}.knowledge-check .quiz-options button{grid-template-columns:42px 1fr;min-height:72px;font-size:15px}.knowledge-check .lesson-actions{padding:20px}.knowledge-check .progress-result{padding:0 20px 20px}}
.assessment-requirement{margin:0;padding:26px 28px 0;color:#5d5a50;font:10px/1.4 monospace;letter-spacing:.14em}.knowledge-check .lesson-next:disabled{background:#c9c3b6;color:#777267;border-color:#aaa397;cursor:not-allowed}.knowledge-check .lesson-next:disabled:hover{background:#c9c3b6;color:#777267}.knowledge-check .progress-result:not(:empty){font-weight:700;letter-spacing:.04em;padding-top:0}
@media(max-width:700px){.assessment-requirement{padding:22px 20px 0}}

/* Restrained Academy partnership — present, but secondary to coursework. */
.maono-banner{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:28px;margin:30px 0 0;padding:20px 22px;border:1px solid var(--line);background:#151514}.maono-banner-brand{display:flex;flex-direction:column;gap:10px}.maono-banner-brand span{font:9px/1.3 monospace;letter-spacing:.14em;color:var(--muted)}.maono-banner-brand img{display:block;width:104px;height:auto;filter:grayscale(1) brightness(1.7)}.maono-banner-copy{display:grid;gap:4px}.maono-banner-copy strong{font-size:15px;font-weight:600}.maono-banner-copy p{margin:0;color:#aaa69c;font-size:13px;max-width:640px}.maono-banner>a{padding:10px 0;border-bottom:1px solid #777469;color:#d1cdc1;text-decoration:none;font:10px/1.3 monospace;letter-spacing:.1em;white-space:nowrap}.maono-banner>a:hover{color:#fff;border-color:#fff}.lesson-partner-note{max-width:900px;margin:20px auto 46px;padding:18px 20px;border:1px solid var(--line);display:grid;grid-template-columns:145px minmax(0,1fr) auto;gap:20px;align-items:center;background:#151514}.lesson-partner-note>div{display:flex;flex-direction:column;gap:8px}.lesson-partner-note span{font:8px/1.3 monospace;letter-spacing:.13em;color:var(--muted)}.lesson-partner-note img{width:88px;height:auto;filter:grayscale(1) brightness(1.7)}.lesson-partner-note p{font-size:13px;color:#aaa69c;margin:0}.lesson-partner-note a{font:9px/1.4 monospace;letter-spacing:.09em;text-decoration:none;border-bottom:1px solid #777469;padding:8px 0;white-space:nowrap}.resource-links{display:grid;gap:10px}.resource-links a{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border:1px solid #55534d;color:var(--paper);text-decoration:none}.resource-links a:hover{background:var(--paper);color:#111}
@media(max-width:850px){.maono-banner{grid-template-columns:110px minmax(0,1fr);gap:18px}.maono-banner>a{grid-column:1/-1;justify-self:start}.maono-banner-brand img{width:86px}.lesson-partner-note{grid-template-columns:100px 1fr}.lesson-partner-note a{grid-column:1/-1;justify-self:start}}
.access-header .access-tiktok{margin-left:auto;display:block;line-height:0}.access-header .access-tiktok img{width:118px;height:auto;object-fit:contain;filter:brightness(0) invert(1)}.access-header .access-tiktok+label{margin-left:0}@media(max-width:850px){.access-header .access-tiktok{display:none}.rail-mark{font-size:19px;line-height:1.12}}

/* A warmer, more welcoming entrance to the private Academy. */
.login-shell{min-height:calc(100svh - 150px);padding:7vh 7vw 8vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.72fr);align-items:center;gap:7vw}
.login-intro h1,.login-shell h1{font-size:clamp(68px,8.4vw,132px);line-height:.82;letter-spacing:-.075em;font-weight:600;margin:25px 0 42px}
.login-intro .login-copy{font-size:clamp(17px,1.45vw,22px);max-width:590px;color:#c2beb1}
.login-path{display:flex;align-items:center;gap:13px;margin-top:55px;color:#b9b5aa;font:10px/1.2 monospace;letter-spacing:.13em}
.login-path span{display:flex;align-items:center;gap:8px;white-space:nowrap}.login-path b{width:35px;aspect-ratio:1;border:1px solid #68665f;border-radius:50%;display:grid;place-items:center;color:var(--paper);font-weight:400}.login-path i{width:min(5vw,64px);height:1px;background:#4c4b46}
.login-card{position:relative;background:var(--paper);color:var(--ink);padding:clamp(32px,4vw,60px);box-shadow:20px 20px 0 #242422;border:1px solid #d9d2c2}.login-card::before{content:'✦';position:absolute;right:28px;top:23px;font-size:18px}.login-card .eyebrow{color:#77736a}.login-card h2{font-size:clamp(38px,4vw,58px);line-height:.95;letter-spacing:-.055em;font-weight:500;margin:22px 0 20px}.login-card>p:not(.eyebrow){margin:0;color:#5e5a51;line-height:1.55;max-width:480px}
.login-card form{width:100%;margin-top:38px}.login-card label{display:block;color:#6d695f;font-size:13px}.login-card input{display:block;width:100%;margin-top:9px;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #777469;padding:16px 2px;font-size:20px}.login-card form button{width:100%;margin-top:24px;padding:19px 21px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-weight:700;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;gap:20px}.login-card form button span{font-size:20px;transition:transform .2s}.login-card form button:hover{background:#2b2b29}.login-card form button:hover span{transform:translateX(5px)}.login-card .back-link{display:inline-block;margin-top:26px;color:#6d695f}.login-card #access-message{color:#665b3f}
@media(max-width:850px){.login-shell{padding:7vh 7vw 10vh;grid-template-columns:1fr;gap:55px}.login-intro h1,.login-shell h1{font-size:clamp(64px,20vw,100px);margin-bottom:30px}.login-path{margin-top:38px}.login-path i{flex:1}.login-card{padding:34px 28px;box-shadow:10px 10px 0 #242422}}
.login-card .passwordless-note{margin:14px 0 0;color:#77736a;font:11px/1.55 monospace;letter-spacing:.035em}
@media(max-width:460px){.login-path{gap:8px}.login-path i{min-width:8px}.login-path span{gap:5px;font-size:9px}.login-path b{width:30px}.login-card h2{font-size:42px}}
.studio-lab-label{display:flex;align-items:center;gap:14px;color:#fff;margin-top:76px}.studio-lab-label::before{content:'●';color:#25f4ee;font-size:13px;text-shadow:9px 0 0 #fe2c55}.studio-lab-label::after{content:'FROM FIRST SCENE TO FINAL BROADCAST';margin-left:auto;color:#777469;font:9px/1 monospace;letter-spacing:.12em}.studio-lab-label+.course-list{border-left:3px solid #25f4ee;padding-left:18px;box-shadow:-3px 0 0 #fe2c55}.studio-lab-label+.course-list .course-unit{transition:transform .2s,border-color .2s}.studio-lab-label+.course-list .course-unit:hover{transform:translateX(6px);border-color:#eee8d966}@media(max-width:700px){.studio-lab-label::after{display:none}.studio-lab-label+.course-list{padding-left:8px}}

/* Full lesson pages */
.lesson-page-body main{min-height:calc(100svh - 150px)}.lesson-site-header .lesson-back{margin-left:auto;font:11px/1 monospace;letter-spacing:.12em;text-decoration:none;border-bottom:1px solid #777469;padding:10px 0}.lesson-site-header #logout{margin-left:10px}.lesson-state{min-height:70svh;padding:12vh 8vw}.lesson-state h1{font-size:clamp(52px,8vw,110px);line-height:.92;letter-spacing:-.06em;margin:22px 0 28px}.lesson-state p:not(.eyebrow){font-size:20px;color:var(--muted)}.lesson-state a{display:inline-block;margin-top:28px;text-underline-offset:6px}.lesson-page-hero{width:min(100%,1120px);margin:0 auto;text-align:center;padding:80px 5vw 54px}.lesson-page-hero #lesson-title{max-width:1000px;margin:0 auto 20px}.lesson-page-hero .lesson-number{margin:0 0 20px}.lesson-page-hero .lesson-lead{margin:0 auto}.lesson-page-body .lesson-panel,.lesson-page-body .lesson-media,.lesson-page-body .lesson-partner-note{width:min(90%,980px);max-width:980px}.lesson-page-body .lesson-panel{margin:0 auto 110px}.lesson-page-body .lesson-media{margin:30px auto 28px}.lesson-page-body .lesson-media-frame{box-shadow:0 24px 70px #0008}.lesson-page-body .lesson-section h2{font:12px monospace;letter-spacing:.16em;color:var(--muted);margin:0 0 25px}.lesson-page-body .knowledge-check h2{color:var(--ink);margin:0}.quiz-options button.selected{border-color:var(--paper);background:#ffffff10}.lesson-next{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}.knowledge-check .lesson-next[aria-disabled="true"]{background:#c9c3b6;color:#777267;border-color:#aaa397;cursor:not-allowed;pointer-events:none}.knowledge-check .lesson-next[aria-disabled="true"]:hover{background:#c9c3b6;color:#777267}.certification-path{margin-top:20px}
@media(max-width:850px){.lesson-site-header>span{display:none}.lesson-site-header .lesson-back{margin-left:auto;font-size:9px}.lesson-site-header #logout{font-size:10px}.lesson-page-hero{padding:56px 6vw 36px}.lesson-page-body .lesson-panel,.lesson-page-body .lesson-media,.lesson-page-body .lesson-partner-note{width:88%}.lesson-page-body .lesson-partner-note{margin:18px auto 38px}.lesson-page-body .lesson-media{margin-top:20px}}

/* App-like lesson sessions */
.session-app{width:min(100%,1120px);margin:0 auto 110px;scroll-margin-top:20px}.session-progress{position:sticky;top:0;z-index:4;padding:0 5vw;background:#10100ff2;backdrop-filter:blur(18px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.session-progress-track{height:3px;background:#ffffff16;margin:0 -5vw}.session-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#25f4ee,#eee8d9 55%,#fe2c55);transition:width .45s cubic-bezier(.22,.8,.2,1)}.session-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:1px}.session-tabs button{min-width:0;padding:16px 10px;border:0;background:transparent;color:#77746c;text-align:left;transition:color .2s,background .2s}.session-tabs button span{display:block;font:9px/1 monospace;letter-spacing:.13em}.session-tabs button strong{display:block;margin-top:7px;font-size:12px;font-weight:600}.session-tabs button.active{color:var(--paper);background:#ffffff09}.session-tabs button.visited{color:#bbb7ad}.session-stage{position:relative;min-height:620px;overflow:hidden;touch-action:pan-y}.session-chapter{width:min(90%,980px);margin:0 auto;padding:54px 0 30px}.session-chapter.lesson-panel{margin:0 auto}.session-chapter .lesson-section{padding:30px 0 45px}.session-chapter .lesson-section:first-of-type{border-top:0}.session-kicker{margin:0 0 28px;color:#77746c;font:10px/1 monospace;letter-spacing:.18em}.session-chapter.chapter-forward{animation:chapter-in-forward .48s cubic-bezier(.22,.8,.2,1) both}.session-chapter.chapter-back{animation:chapter-in-back .42s cubic-bezier(.22,.8,.2,1) both}.session-controls{position:sticky;bottom:18px;z-index:5;width:min(90%,980px);margin:18px auto 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#171716eF;border:1px solid #ffffff30;box-shadow:0 18px 55px #000b;backdrop-filter:blur(18px)}.session-controls button{min-height:62px;border:0;background:transparent;color:var(--paper);font:11px/1 monospace;letter-spacing:.12em}.session-controls button:first-child{text-align:left;padding-left:24px}.session-controls button:last-child{text-align:right;padding-right:24px}.session-controls button:hover{background:#ffffff0b}.session-controls button:disabled{opacity:.28;cursor:default}.session-controls>span{padding:0 20px;color:var(--muted);font:9px/1 monospace;letter-spacing:.12em;text-align:center}.session-chapter .lesson-media{width:100%;max-width:none;margin:0}.session-chapter .lesson-partner-note{width:100%;max-width:none}.session-chapter .knowledge-check{margin-top:24px}.session-chapter .checklist label{transition:background .18s,border-color .18s,transform .18s}.session-chapter .checklist label:has(input:checked){background:#ffffff0b;border-color:#eee8d966;transform:translateX(5px)}
@keyframes chapter-in-forward{from{opacity:0;transform:translateX(42px) scale(.985)}to{opacity:1;transform:none}}@keyframes chapter-in-back{from{opacity:0;transform:translateX(-42px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:850px){.access-header{position:sticky;top:0;z-index:12}.lesson-page-hero{text-align:left;padding:38px 6vw 30px}.lesson-page-hero .lesson-score{margin:0 0 26px}.lesson-page-hero #lesson-title{margin-left:0;font-size:clamp(42px,13vw,66px)}.lesson-page-hero .lesson-lead{margin-left:0;font-size:17px}.session-app{margin-bottom:90px}.session-progress{top:74px;padding:0 4vw}.session-progress-track{margin:0 -4vw}.session-tabs{overflow-x:auto;grid-template-columns:repeat(5,minmax(92px,1fr));scrollbar-width:none}.session-tabs::-webkit-scrollbar{display:none}.session-tabs button{padding:13px 10px}.session-tabs button strong{font-size:11px}.session-stage{min-height:64svh}.session-chapter,.session-chapter.lesson-panel{width:88%;padding-top:34px}.session-kicker{margin-bottom:20px}.session-chapter .lesson-section{padding:22px 0 34px}.session-chapter .lesson-section ol,.session-chapter .lesson-section ul{font-size:16px;line-height:1.62}.session-chapter .lesson-media{width:100%;margin:0}.session-chapter .lesson-partner-note{width:100%}.session-controls{position:fixed;left:4vw;right:4vw;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;margin:0;grid-template-columns:1fr auto 1fr}.session-controls button{min-height:58px;font-size:10px}.session-controls>span{padding:0 10px;font-size:8px}.lesson-page-body footer{padding-bottom:100px}}
@media(max-width:850px){#academy{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.academy-rail{position:fixed;z-index:11;left:0;right:0;bottom:0;height:calc(68px + env(safe-area-inset-bottom));padding:0 5vw env(safe-area-inset-bottom);border:0;border-top:1px solid var(--line);background:#10100ff2;backdrop-filter:blur(18px)}.academy-rail .rail-mark,.academy-rail>a{display:none}.academy-rail nav{display:grid;grid-template-columns:1fr 1fr;height:68px}.academy-rail nav button{border:0;text-align:center;padding:0;font:11px/1 monospace;letter-spacing:.1em}.academy-rail nav button.active,.academy-rail nav button:hover{padding-left:0;background:#ffffff08;color:var(--paper)}.academy-content{padding:34px 5vw 60px}.status-path{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-5vw;margin-right:-5vw;border-left:0;border-right:0}.status-path div{scroll-snap-align:start;border-right:1px solid var(--line)!important;border-bottom:0!important}.status-path div:last-child{border-right:0!important}.course-list{gap:12px}.course-row{padding:20px 16px}.course-copy strong{font-size:22px}.course-copy>span{font-size:14px}.artist-heading{padding-bottom:30px}.progress-ring{width:82px}}
@media(prefers-reduced-motion:reduce){.session-progress-track span,.session-tabs button,.session-chapter,.session-chapter .checklist label{animation:none!important;transition:none!important}.session-controls{scroll-behavior:auto}}

/* Lesson completion moment */
.lesson-celebration{position:relative;isolation:isolate;overflow:hidden;margin:0 0 34px;padding:52px clamp(24px,6vw,70px);text-align:center;color:#10100f;background:var(--paper);border:1px solid #fff}.lesson-celebration>p:first-of-type{margin:24px 0 14px;font:10px/1 monospace;letter-spacing:.2em}.lesson-celebration h2{max-width:720px;margin:0 auto;font-size:clamp(42px,7vw,84px);line-height:.9;letter-spacing:-.055em}.lesson-celebration .celebration-copy{max-width:520px;margin:22px auto 0;color:#5d5a52;font-size:17px}.celebration-burst{position:relative;width:92px;height:92px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:#10100f;color:var(--paper);box-shadow:0 0 0 10px #10100f12}.celebration-burst span{font-size:38px}.celebration-burst i{position:absolute;left:45px;top:45px;width:4px;height:18px;border-radius:9px;background:#fe2c55;transform:rotate(calc(var(--ray) * 45deg)) translateY(-68px);transform-origin:2px 2px}.celebration-burst i:nth-of-type(1){--ray:0;background:#25f4ee}.celebration-burst i:nth-of-type(2){--ray:1}.celebration-burst i:nth-of-type(3){--ray:2;background:#25f4ee}.celebration-burst i:nth-of-type(4){--ray:3}.celebration-burst i:nth-of-type(5){--ray:4;background:#25f4ee}.celebration-burst i:nth-of-type(6){--ray:5}.celebration-burst i:nth-of-type(7){--ray:6;background:#25f4ee}.celebration-burst i:nth-of-type(8){--ray:7}.lesson-celebration.celebrate{animation:celebration-card .7s cubic-bezier(.18,.9,.22,1.15) both}.lesson-celebration.celebrate .celebration-burst{animation:celebration-ring .85s .12s cubic-bezier(.18,.9,.22,1.2) both}.lesson-celebration.celebrate .celebration-burst i{animation:celebration-ray .72s .18s ease-out both}.session-complete .session-progress-track span{width:100%!important}.session-complete .session-tabs button{color:var(--paper)}
@keyframes celebration-card{0%{opacity:0;transform:translateY(34px) scale(.965)}65%{opacity:1;transform:translateY(-4px) scale(1.008)}100%{opacity:1;transform:none}}@keyframes celebration-ring{0%{transform:scale(.35) rotate(-18deg);opacity:0}70%{transform:scale(1.12) rotate(4deg);opacity:1}100%{transform:none;opacity:1}}@keyframes celebration-ray{0%{opacity:0;transform:rotate(calc(var(--ray) * 45deg)) translateY(-25px) scaleY(.15)}55%{opacity:1}100%{opacity:0;transform:rotate(calc(var(--ray) * 45deg)) translateY(-82px) scaleY(1)}}
@media(max-width:850px){.lesson-celebration{margin-bottom:26px;padding:42px 20px}.lesson-celebration h2{font-size:clamp(40px,13vw,62px)}.celebration-burst{width:76px;height:76px}.celebration-burst i{left:37px;top:37px}.lesson-celebration .celebration-copy{font-size:15px}}
@media(prefers-reduced-motion:reduce){.lesson-celebration.celebrate,.lesson-celebration.celebrate .celebration-burst,.lesson-celebration.celebrate .celebration-burst i{animation:none!important}.lesson-celebration.celebrate{opacity:1}}

/* Creator bio verification */
.creator-profile-example{display:grid;grid-template-columns:minmax(300px,.82fr) 1fr;gap:clamp(28px,6vw,80px);align-items:center;margin-bottom:32px;padding:clamp(26px,5vw,60px);background:var(--paper);color:#10100f}.profile-example-phone{width:min(100%,390px);margin:auto;padding:28px 24px 34px;border:10px solid #111;border-radius:38px;background:#fff;box-shadow:0 28px 60px #0004}.profile-example-top,.profile-example-person,.profile-example-stats{display:flex;align-items:center;justify-content:space-between}.profile-example-top{font-size:12px}.profile-example-person{margin:38px 0 25px}.profile-example-name strong{display:block;font-size:42px;line-height:1;letter-spacing:-.055em}.profile-example-name span{display:block;margin-top:8px;color:#777;font-size:16px}.profile-example-avatar{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#10100f;color:var(--paper);font-size:34px}.profile-example-stats{justify-content:flex-start;gap:26px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:16px 0}.profile-example-stats span{font-size:11px;color:#777}.profile-example-stats strong{display:block;color:#111;font-size:20px}.profile-example-bio{font-size:17px;line-height:1.5;margin:24px 0 0}.profile-example-copy>span,.evidence-heading>span{font:10px/1 monospace;letter-spacing:.17em;color:#777267}.profile-example-copy h2,.evidence-heading h2{font-size:clamp(38px,5.5vw,72px);line-height:.93;letter-spacing:-.055em;margin:18px 0 24px}.profile-example-copy>p{font-size:18px;line-height:1.55;color:#5d5a52}.profile-example-copy button{margin-top:18px;border:0;background:#10100f;color:var(--paper);padding:18px 24px;font:11px/1 monospace;letter-spacing:.12em}.profile-example-copy #copy-bio-result{min-height:18px;margin:12px 0 0;font-size:13px}.lesson-evidence{padding:42px!important;background:#171716;border:1px solid #ffffff28!important}.lesson-evidence>p{max-width:760px;color:#bbb7ad}.lesson-evidence form{margin-top:28px}.evidence-drop{position:relative;min-height:220px;padding:32px;border:1px dashed #777469;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;cursor:pointer;background:#ffffff03}.evidence-drop:hover{background:#ffffff07;border-color:var(--paper)}.evidence-drop>span{width:54px;height:54px;display:grid;place-items:center;border:1px solid #777469;border-radius:50%;font-size:28px;margin-bottom:18px}.evidence-drop>strong{font:11px/1.3 monospace;letter-spacing:.12em;max-width:80%;overflow-wrap:anywhere}.evidence-drop>small{margin-top:10px;color:var(--muted);font:9px/1 monospace;letter-spacing:.1em}.evidence-drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111}.evidence-drop:has(img:not([hidden]))>span,.evidence-drop:has(img:not([hidden]))>strong,.evidence-drop:has(img:not([hidden]))>small{position:relative;z-index:1;color:#fff;text-shadow:0 2px 8px #000;background:#000a}.evidence-drop:has(img:not([hidden]))>span{border-color:#fff}.lesson-evidence form>button{width:100%;margin-top:14px;min-height:64px;border:0;background:var(--paper);color:#111;font-weight:700;letter-spacing:.1em}.lesson-evidence form>button:disabled{opacity:.65}.lesson-evidence form>p{min-height:22px;margin:12px 0 0;color:#c8c3b7}.assessment-status:has(#assessment-evidence-card:not([hidden])){grid-template-columns:repeat(3,1fr)}
@media(max-width:850px){.creator-profile-example{grid-template-columns:1fr;padding:24px 18px}.profile-example-phone{border-width:7px;border-radius:30px;padding:23px 18px 28px}.profile-example-person{margin-top:28px}.profile-example-name strong{font-size:36px}.profile-example-avatar{width:72px;height:72px}.profile-example-stats{gap:18px}.profile-example-stats strong{font-size:18px}.profile-example-copy h2{font-size:48px}.lesson-evidence{padding:28px 18px!important}.lesson-evidence .evidence-heading h2{font-size:44px}.assessment-status:has(#assessment-evidence-card:not([hidden])){grid-template-columns:1fr}}

.profile-reference-shot{position:relative;width:min(100%,430px);margin:0 auto;overflow:hidden;border:9px solid #111;border-radius:34px;background:#fff;box-shadow:0 28px 60px #0004}.profile-reference-shot>img{display:block;width:100%;height:auto}.profile-reference-bio{position:absolute;z-index:2;left:0;right:0;top:46%;min-height:11.5%;margin:0;padding:1.8% 3.65%;background:#fff;color:#070707;font-size:clamp(11px,1vw,15px);line-height:1.28;text-align:left}.profile-reference-bio b{font-weight:700}.profile-reference-shot::after{content:'ACTUAL PROFILE · REQUIRED BIO PREVIEW';position:absolute;right:14px;bottom:14px;padding:7px 9px;background:#000d;color:#fff;font:8px/1 monospace;letter-spacing:.1em}
@media(max-width:850px){.profile-reference-shot{width:min(100%,390px);border-width:7px;border-radius:28px}.profile-reference-bio{font-size:clamp(10px,3.2vw,14px)}}

/* Mobile QA refinements: clearer type, keyboard access, and readable assessment states. */
.login-card .eyebrow,.login-card .passwordless-note{color:#5d5a53}
.login-card>p:not(.eyebrow){color:#514e47}
.login-card label,.login-card .back-link{color:#59564f}
.status-path:focus-visible{outline:2px solid var(--paper);outline-offset:5px}
.session-kicker{color:#a39f95}
.evidence-heading>span{color:#aaa69c}
.assessment-status span{color:#59564f}
.lesson-page-body .lesson-evidence .evidence-heading h2{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(36px,5.5vw,68px);line-height:.95;letter-spacing:-.05em;color:var(--paper);overflow-wrap:normal}
@media(max-width:850px){.lesson-page-body .lesson-evidence .evidence-heading h2{font-size:clamp(34px,10vw,48px);line-height:1}}

/* Mobile app navigation, settings, and vertically readable lesson media */
.academy-rail nav button{display:flex;align-items:center;gap:12px}.academy-rail nav button>span{width:22px;font-size:15px;text-align:center;color:#c3beb1}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:10px}.settings-card{min-height:340px;padding:36px;background:var(--ink);display:flex;flex-direction:column}.settings-card h3{font-size:clamp(30px,3.6vw,52px);font-weight:500;line-height:1;letter-spacing:-.045em;margin:20px 0}.settings-card>p:not(.eyebrow):not(.settings-status){color:#b8b4aa;max-width:500px}.settings-card button{margin-top:auto;min-height:64px;padding:16px 20px;border:1px solid var(--paper);background:var(--paper);color:var(--ink);font:700 11px/1.25 monospace;letter-spacing:.1em;text-align:left}.settings-card button span{float:right}.settings-card button:disabled{opacity:.55}.settings-card .settings-secondary{background:transparent;color:var(--paper)}.settings-support{background:var(--paper);color:var(--ink)}.settings-support .eyebrow,.settings-support>p:not(.eyebrow):not(.settings-status){color:#5d5a52}.settings-support button{background:var(--ink);color:var(--paper);border-color:var(--ink)}.settings-status{min-height:22px;margin:14px 0 0;color:#5d5a52;font-size:13px}.settings-card dl{margin:auto 0 0}.settings-card dl div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:16px 0;border-top:1px solid var(--line)}.settings-card dt{color:var(--muted);font-size:13px}.settings-card dd{margin:0;text-align:right;overflow-wrap:anywhere}.lesson-media-story{display:grid;gap:28px}.lesson-media-story-heading{margin:0 0 2px;font:10px/1.4 monospace;letter-spacing:.17em;color:var(--muted)}.lesson-media-story article{width:min(100%,720px);margin:0 auto;border:1px solid var(--line);background:#151514}.lesson-media-story article>div:last-child{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:17px 18px}.lesson-media-story article>div:last-child>span{font:11px/1.5 monospace;letter-spacing:.13em;color:var(--muted)}.lesson-media-story article>div:last-child>p{margin:0;color:#c8c4ba;font-size:14px;line-height:1.45}.lesson-media-story .lesson-media-frame.is-image{aspect-ratio:auto;background:transparent}.lesson-media-story .lesson-media-frame.is-image img{width:100%;height:auto;max-height:none;object-fit:contain}.lesson-media-story .lesson-media-frame.is-youtube,.lesson-media-story .lesson-media-frame.is-video{aspect-ratio:16/9}.lesson-media-story.single article{width:100%}.lesson-media-story.single article>div:last-child>span{font-size:9px}.lesson-media-story:not(.single) article:has(.is-image){max-width:620px}.lesson-media-story:not(.single) article:has(.is-image img[src*="community-"]),.lesson-media-story:not(.single) article:has(.is-image img[src*="daily-system-"]),.lesson-media-story:not(.single) article:has(.is-image img[src*="booster-card-"]){max-width:430px}
@media(max-width:850px){#academy{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.academy-rail{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:70px;padding:0;border:1px solid #ffffff29;border-radius:18px;background:#171716f2;box-shadow:0 14px 45px #000b;overflow:hidden}.academy-rail nav{grid-template-columns:repeat(3,1fr);height:100%}.academy-rail nav button{justify-content:center;flex-direction:column;gap:7px;padding:8px 4px!important;border:0!important;font-size:9px;letter-spacing:.06em;line-height:1.05}.academy-rail nav button>span{width:auto;font-size:17px;line-height:1}.academy-rail nav button.active{background:var(--paper);color:var(--ink)}.academy-rail nav button.active>span{color:var(--ink)}.academy-content{padding:26px 5vw 72px}.artist-heading{align-items:center;gap:14px}.artist-heading h1{font-size:clamp(38px,11.5vw,58px);line-height:.94}.artist-heading .eyebrow{font-size:9px}.progress-ring{width:72px}.progress-ring strong{font-size:22px}.progress-ring span{font-size:7px}.settings-heading{padding:34px 0 28px}.settings-grid{grid-template-columns:1fr}.settings-card{min-height:290px;padding:28px 22px}.settings-card h3{font-size:38px}.settings-card dl div{grid-template-columns:1fr;gap:5px}.settings-card dd{text-align:left}.lesson-page-body .lesson-media{width:90%;margin-top:12px}.lesson-media-story{gap:22px}.lesson-media-story-heading{font-size:9px}.lesson-media-story article,.lesson-media-story:not(.single) article:has(.is-image){width:100%;max-width:none}.lesson-media-story article>div:last-child{grid-template-columns:38px 1fr;padding:14px}.lesson-media-story article>div:last-child>p{font-size:13px}.lesson-media-story .lesson-media-frame.is-image{aspect-ratio:auto}.lesson-media-story .lesson-media-frame.is-image img{height:auto}.lesson-media-story.single .lesson-media-frame.is-image{max-height:none}}
@media(max-width:380px){.academy-rail{left:7px;right:7px}.academy-rail nav button{font-size:8px}.academy-content{padding-left:4vw;padding-right:4vw}.artist-heading h1{font-size:36px}.progress-ring{width:66px}.settings-card{padding:24px 18px}.settings-card h3{font-size:34px}.lesson-page-body .lesson-media{width:92%}}

/* ONE Stage creator performance home */
.app-home-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:30px;align-items:end;padding:48px 0 28px}.app-home-intro .eyebrow{grid-column:1/-1;margin:0}.app-home-intro h2{margin:0;font-size:clamp(48px,6.5vw,94px);line-height:.88;letter-spacing:-.06em;font-weight:500}.app-home-intro>p:last-child{margin:0;color:#b9b5aa;font-size:16px}.snapshot-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.snapshot-grid article{min-height:210px;padding:25px;background:#151514;display:flex;flex-direction:column}.snapshot-grid article>span,.diamond-detail-grid article>span{font:10px/1 monospace;letter-spacing:.15em;color:var(--muted)}.snapshot-grid article>strong{margin:auto 0 8px;font-size:clamp(38px,4.5vw,68px);line-height:.9;font-weight:500;letter-spacing:-.05em}.snapshot-grid article>small{color:#9f9b91}.snapshot-grid .diamond-snapshot{background:var(--paper);color:var(--ink)}.snapshot-grid .diamond-snapshot>span,.snapshot-grid .diamond-snapshot>small{color:#5c594f}.snapshot-grid small.positive{color:#33694a}.snapshot-grid small.negative{color:#8b3a32}.community-ranking{margin:58px 0 0}.ranking-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:28px}.ranking-heading h3,.diamond-history h3{font-size:clamp(38px,5vw,68px);line-height:.92;letter-spacing:-.05em;font-weight:500;margin:14px 0 0}.ranking-heading>p{margin:0;color:#aaa69c}.ranking-controls{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;scrollbar-width:none}.ranking-controls::-webkit-scrollbar{display:none}.ranking-controls button{flex:none;border:1px solid #5f5c54;background:transparent;color:var(--muted);padding:10px 15px;font:10px/1 monospace;letter-spacing:.08em}.ranking-controls button.active{background:var(--paper);border-color:var(--paper);color:var(--ink)}.ranking-list{border-top:1px solid var(--line)}.ranking-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:18px;align-items:center;min-height:92px;border-bottom:1px solid var(--line);text-decoration:none}.ranking-row:hover{background:#ffffff07}.ranking-position{font:12px/1 monospace;color:var(--muted);text-align:center}.ranking-identity{display:flex;align-items:center;gap:14px;min-width:0}.ranking-identity>span:last-child{display:grid;min-width:0}.ranking-identity strong{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-identity small,.ranking-value small{color:var(--muted);font-size:11px}.creator-avatar{width:52px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:50%;border:1px solid #777469;background:var(--paper);color:var(--ink);font-size:19px;font-weight:700;flex:none}.creator-avatar img{width:100%;height:100%;object-fit:cover}.ranking-value{display:grid;text-align:right;padding-right:18px}.ranking-value strong{font-size:22px}.community-empty{padding:28px 4px;color:var(--muted);max-width:590px}.artist-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:58px}.artist-service-grid article{min-height:330px;padding:35px;background:#151514;display:flex;flex-direction:column}.artist-service-grid .bonus-card{background:linear-gradient(145deg,#eee8d9,#cfc7b6);color:var(--ink)}.bonus-card .eyebrow{color:#5c594f}.bonus-card>strong{font-size:clamp(60px,8vw,110px);line-height:.9;letter-spacing:-.06em;margin:auto 0 15px}.bonus-card>p:last-child{color:#5c594f}.manager-card h3{margin:auto 0 15px;font-size:clamp(38px,4vw,60px);line-height:.95;letter-spacing:-.05em;font-weight:500}.manager-card>p:not(.eyebrow){color:#aaa69c;max-width:520px}.manager-card button{margin-top:20px;align-self:flex-start;border:0;border-bottom:1px solid var(--paper);background:transparent;padding:10px 0;font:11px/1 monospace;letter-spacing:.1em}.academy-certification-card{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-top:54px;padding:34px;border:1px solid var(--line)}.academy-certification-card h3{font-size:clamp(30px,4vw,54px);font-weight:500;line-height:1;letter-spacing:-.045em;margin:16px 0}.academy-certification-card p:last-child{color:var(--muted);max-width:680px}.academy-certification-card>strong{width:112px;aspect-ratio:1;border-radius:50%;border:1px solid #777469;display:grid;place-items:center;font-size:28px;font-weight:500}.academy-certification-card.ready{background:var(--paper);color:var(--ink)}.academy-certification-card.ready .eyebrow,.academy-certification-card.ready p:last-child{color:#5c594f}.diamonds-hero{padding:60px 0;text-align:center}.diamond-glyph{width:96px;aspect-ratio:1;margin:18px auto;border:1px solid #777469;border-radius:50%;display:grid;place-items:center;font-size:46px}.diamonds-hero>strong{display:block;font-size:clamp(80px,14vw,190px);line-height:.85;letter-spacing:-.07em;font-weight:500}.diamonds-hero h2{font-size:clamp(35px,5vw,64px);line-height:1;letter-spacing:-.05em;font-weight:500;margin:26px 0 15px}.diamonds-hero>p:last-child{max-width:620px;margin:auto;color:var(--muted)}.diamond-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.diamond-detail-grid article{min-height:150px;padding:22px;background:#151514;display:flex;flex-direction:column;justify-content:space-between}.diamond-detail-grid strong{font-size:clamp(30px,4vw,52px);font-weight:500;letter-spacing:-.04em}.diamond-history{margin-top:58px}.history-bars{height:280px;display:flex;gap:12px;align-items:end;margin-top:35px;padding:22px;border:1px solid var(--line);overflow-x:auto}.history-bars article{height:100%;min-width:68px;flex:1;display:flex;flex-direction:column;justify-content:end;gap:7px}.history-bars article>span{display:block;height:var(--bar);min-height:5px;background:linear-gradient(180deg,#25f4ee,var(--paper) 55%,#fe2c55)}.history-bars article strong{font-size:13px}.history-bars article small{color:var(--muted);font-size:9px}.history-bars .community-empty{align-self:center}

@media(max-width:850px){.academy-rail nav{grid-template-columns:repeat(4,1fr)}.access-header .access-tiktok{display:none}.academy-content{overflow:hidden}.artist-heading{min-height:112px}.artist-heading h1{max-width:240px}.app-home-intro{display:block;padding:32px 0 22px}.app-home-intro h2{font-size:clamp(48px,15vw,68px);margin:16px 0 22px}.app-home-intro>p:last-child{font-size:14px}.snapshot-grid{grid-template-columns:1fr 1fr}.snapshot-grid article{min-height:150px;padding:18px}.snapshot-grid .diamond-snapshot{grid-column:1/-1;min-height:210px}.snapshot-grid article>strong{font-size:clamp(34px,11vw,52px)}.snapshot-grid .diamond-snapshot>strong{font-size:clamp(68px,22vw,92px)}.ranking-heading{display:block}.ranking-heading>p{margin-top:16px}.ranking-controls{margin-right:-5vw}.ranking-row{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;min-height:82px}.creator-avatar{width:44px}.ranking-identity strong{font-size:15px}.ranking-value{padding-right:9px}.ranking-value strong{font-size:18px}.artist-service-grid{grid-template-columns:1fr}.artist-service-grid article{min-height:280px;padding:25px}.manager-card h3{font-size:44px}.academy-certification-card{grid-template-columns:1fr;padding:25px}.academy-certification-card>strong{width:86px;grid-row:1;justify-self:end}.academy-certification-card>div{grid-row:1}.academy-certification-card h3{font-size:34px}.diamonds-hero{padding:38px 0}.diamond-glyph{width:76px;font-size:36px}.diamonds-hero>strong{font-size:clamp(68px,21vw,102px);overflow-wrap:anywhere}.diamonds-hero h2{font-size:42px}.diamond-detail-grid{grid-template-columns:1fr 1fr}.diamond-detail-grid article{min-height:126px;padding:17px}.diamond-detail-grid strong{font-size:35px}.history-bars{height:240px;margin-right:-5vw;padding-right:5vw}.settings-heading{display:none}}
@media(max-width:380px){.snapshot-grid article{padding:15px}.snapshot-grid article>strong{font-size:32px}.ranking-row{grid-template-columns:30px minmax(0,1fr) auto}.creator-avatar{width:39px}.ranking-value strong{font-size:16px}.diamond-detail-grid strong{font-size:30px}.academy-certification-card>strong{width:72px;font-size:22px}.academy-certification-card h3{font-size:30px}}

/* ONE Stage Creator — mobile app shell inspired by the JAXEOne product pattern. */
.creator-app{color-scheme:light;--ink:#142c3a;--paper:#faf8f2;--muted:#65727b;--line:#18313f22;--accent:#dfff66;background:#faf8f2;color:#142c3a}
.creator-app .access-header{height:84px;padding:0 max(20px,4vw);border:0;background:#faf8f2f2;backdrop-filter:blur(18px);position:sticky;top:0}
.creator-app .access-site-brand,.creator-app .access-header>span,.creator-app .access-tiktok,.creator-app .access-header>label,.creator-app #logout{display:none!important}
.creator-app-brand{display:none;align-items:center;gap:11px;text-decoration:none}
.creator-app .creator-app-brand{display:flex}.creator-app-brand>img{width:45px;height:45px;border-radius:13px;object-fit:cover;box-shadow:0 5px 18px #1227332b}.creator-app-brand>span{display:grid;line-height:1}.creator-app-brand strong{font-size:18px;letter-spacing:-.04em}.creator-app-brand small{font:8px/1.4 monospace;letter-spacing:.18em;color:#61717a;margin-top:4px}
#creator-account{margin-left:0;width:44px;height:44px;border:0!important;border-radius:50%;padding:0!important;background:#e7d9fb!important;color:#142c3a;overflow:hidden;box-shadow:0 0 0 3px #dfff66}
.creator-account-avatar{display:grid;width:100%;height:100%;place-items:center;font-weight:800}.creator-account-avatar img{width:100%;height:100%;object-fit:cover}
#artist-notifications{position:relative;margin-left:auto;width:42px;height:42px;display:grid;place-items:center;border:0!important;border-radius:50%;padding:0!important;background:#f0eadc!important;color:#142c3a}#artist-notifications svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#notification-count{position:absolute;right:-3px;top:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#b99535;color:#fff;font:700 9px/18px Arial,sans-serif;box-shadow:0 0 0 2px #faf8f2}
#notification-backdrop{position:fixed;z-index:39;inset:0;background:#142c3a66;backdrop-filter:blur(4px)}#notification-panel{position:fixed;z-index:40;top:0;right:0;width:min(100%,430px);height:100dvh;padding:30px 24px max(32px,env(safe-area-inset-bottom));overflow-y:auto;background:#faf8f2;color:#142c3a;box-shadow:-20px 0 70px #0d25334d}.notification-panel-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:24px;border-bottom:1px solid #18313f22}.notification-panel-head p{margin:0;color:#786f5d}.notification-panel-head h2{margin:8px 0 0;font-size:42px;line-height:1;letter-spacing:-.05em}.notification-panel-head>button{width:42px;height:42px;border:0;border-radius:50%;background:#142c3a;color:#fff;font-size:25px}.notification-item{position:relative;width:100%;display:grid;grid-template-columns:auto 1fr;gap:4px 11px;padding:22px 4px;text-align:left;border:0;border-bottom:1px solid #18313f22;background:transparent;color:#142c3a}.notification-item>span{grid-row:1 / span 4;align-self:start;min-width:34px;margin-top:1px;color:#8b6818;font:700 8px/1 monospace;letter-spacing:.1em}.notification-item>small{font:700 9px/1.3 monospace;letter-spacing:.14em;color:#7b6d50}.notification-item>strong{font-size:18px;line-height:1.15}.notification-item>p{margin:4px 0;color:#61717a;font-size:13px;line-height:1.45}.notification-item>b{margin-top:7px;color:#8b6818;font-size:10px;letter-spacing:.06em}.notification-item.is-read{opacity:.65}.notification-item:hover{background:#f2eddf}#read-all-notifications{width:100%;margin-top:22px;padding:16px;border:1px solid #142c3a;background:transparent;color:#142c3a;font-size:11px;font-weight:800;letter-spacing:.08em}
.creator-app #academy{display:block;min-height:calc(100svh - 84px);padding-bottom:118px;background:#faf8f2}
.creator-app .academy-content{width:min(100%,760px);margin:0 auto;padding:22px 24px 110px;overflow:visible}
.creator-app .academy-rail{position:fixed;z-index:20;left:50%;right:auto;bottom:calc(14px + env(safe-area-inset-bottom));top:auto;width:min(calc(100% - 24px),720px);height:76px;padding:0 12px;transform:translateX(-50%);border:0;border-radius:28px;background:#142c3af5;box-shadow:0 18px 50px #102a3c4d;backdrop-filter:blur(20px)}
.creator-app .academy-rail .rail-mark,.creator-app .academy-rail>a{display:none}.creator-app .academy-rail nav{display:grid;grid-template-columns:repeat(4,1fr);height:100%}.creator-app .academy-rail nav button{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;border:0!important;background:transparent;color:#d4dce0;padding:8px 2px!important;text-align:center;font:9px/1 monospace;letter-spacing:.02em;border-radius:20px}.creator-app .academy-rail nav button>span{width:auto;color:#d4dce0;font-size:19px;line-height:1}.creator-app .academy-rail nav button.active{color:#dfff66;background:#ffffff08;padding-left:2px}.creator-app .academy-rail nav button.active>span{color:#dfff66}.creator-app .artist-heading{padding:25px 0 28px;border-color:#18313f1f}.creator-app .artist-heading h1{font-size:clamp(42px,8vw,64px);color:#142c3a}.creator-app .artist-heading .eyebrow{color:#65727b}.creator-app .progress-ring{border:0;background:#e7d9fb;color:#352253}.creator-app .progress-ring span{color:#6c5d7e}
.creator-app[data-creator-view="home"] .artist-heading,.creator-app[data-creator-view="diamonds"] .artist-heading{display:none}

.creator-app .app-home-intro{display:block;padding:32px 0 24px}.creator-app .app-home-intro>p{margin:0 0 12px;color:#65727b;font-size:14px}.creator-app .app-home-intro h2{font-size:clamp(38px,8.5vw,58px);line-height:1.02;letter-spacing:-.055em;color:#142c3a;margin:0;font-weight:750}.creator-app .app-home-intro h2 span{display:inline-grid;place-items:center;margin-left:10px;color:#9d67e8;font-size:.58em;vertical-align:middle}
.top-five{padding:8px 0 38px}.top-five-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.top-five-heading>strong{font-size:15px}.top-five-heading button{border:0;background:transparent;color:#6840a5;padding:6px 0;font-size:12px;font-weight:700}.creator-app .top-five-controls{padding:0 0 22px;gap:8px}.creator-app .top-five-controls button,.creator-app .ranking-controls button{border:0;border-radius:999px;background:#ece5f4;color:#41314f;padding:12px 17px;font:700 10px/1 Arial,sans-serif;letter-spacing:.01em}.creator-app .top-five-controls button.active,.creator-app .ranking-controls button.active{background:#142c3a;color:#fff}.top-five-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.top-five-creator{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;text-decoration:none;color:#142c3a}.top-five-avatar{display:grid;place-items:center;width:min(14vw,76px);height:min(14vw,76px);min-width:48px;min-height:48px;border-radius:50%;overflow:hidden;border:3px solid #a679e8;background:#d8eaf0;font-weight:800}.top-five-avatar img{width:100%;height:100%;object-fit:cover}.rank-2 .top-five-avatar{border-color:#c1e55a}.rank-3 .top-five-avatar{border-color:#caa487}.top-five-crown{position:absolute;top:-6px;right:max(0px,calc(50% - 35px));width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#f8e48e;color:#5a4420;font-size:13px;box-shadow:0 2px 8px #0002}.top-five-creator>b{margin-top:7px;color:#673e9e;font-size:11px}.top-five-creator>small{width:100%;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:11px}.top-five-creator>em{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:8px;font-style:normal;color:#78848b;margin-top:2px}
.creator-main-card{position:relative;overflow:hidden;min-height:350px;padding:28px;border-radius:31px;background:linear-gradient(145deg,#bde7f2 0%,#a5dae9 100%);color:#14313f;box-shadow:0 20px 45px #72aebe30}.creator-main-card::after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;right:-75px;top:-75px;background:radial-gradient(circle at 35% 35%,#fff9,transparent 62%)}.creator-main-card-title{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.creator-main-card-title strong{font-size:22px}.creator-main-card-title span{font-size:32px}.creator-main-value{position:relative;z-index:1;display:block;margin:28px 0 6px;font-size:clamp(62px,13vw,94px);line-height:.9;letter-spacing:-.065em;overflow-wrap:anywhere}.creator-main-card>p{position:relative;z-index:1;margin:0;color:#315969}.creator-main-card>p.positive{color:#2d6a50}.creator-main-card>p.negative{color:#903f4b}.creator-previous{position:absolute;z-index:1;left:28px;right:28px;bottom:27px;border-top:1px solid #14313f2b;padding-top:18px;display:flex;align-items:end;justify-content:space-between}.creator-previous span{font-size:10px;font-weight:800;letter-spacing:.08em}.creator-previous strong{font-size:26px}
.creator-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 0}.creator-quick-grid article{min-height:152px;border-radius:23px;padding:20px;display:flex;flex-direction:column;color:#2e2141}.creator-quick-grid .quick-live{background:#e7d9fb}.creator-quick-grid .quick-fans{background:#e2f3b5}.creator-quick-grid .quick-battles{background:#ffd6d0}.creator-quick-grid span{font-size:9px;font-weight:800;letter-spacing:.08em}.creator-quick-grid strong{margin:auto 0 5px;font-size:35px;line-height:1}.creator-quick-grid small{font-size:10px;color:#615671}
.creator-app .artist-service-grid{grid-template-columns:1fr 1fr;gap:12px;background:transparent;border:0;margin-top:14px}.creator-app .artist-service-grid article{min-height:230px;border-radius:23px;border:0;padding:24px}.creator-app .artist-service-grid .bonus-card{background:#f3e8b7;color:#142c3a}.creator-app .bonus-card .eyebrow,.creator-app .bonus-card>p:last-child{color:#6d633b}.creator-app .bonus-card>strong{font-size:56px}.creator-app .manager-card{background:#142c3a;color:#fff}.creator-app .manager-card h3{font-size:35px}.creator-app .manager-card>p:not(.eyebrow){color:#cbd4d8}.creator-app .manager-card button{color:#dfff66;border-color:#dfff66}
.creator-app .community-ranking{padding:34px 0 0}.creator-app .ranking-heading h3,.creator-app .diamond-history h3{color:#142c3a;font-size:45px}.creator-app .ranking-heading>p{color:#65727b}.creator-app .ranking-list{border:0;display:grid;gap:9px}.creator-app .ranking-row{min-height:76px;padding:9px 12px;border:0;border-radius:18px;background:#fff;box-shadow:0 8px 24px #18313f0b}.creator-app .ranking-row:hover{background:#f2edf8}.creator-app .ranking-position{color:#7652ac}.creator-app .creator-avatar{border:2px solid #d5c0f5;background:#e7d9fb;color:#142c3a}.creator-app .ranking-identity small,.creator-app .ranking-value small{color:#65727b}.creator-app .community-empty{color:#65727b}

.creator-app .diamonds-hero{margin:28px 0 16px;padding:28px;border-radius:31px;background:linear-gradient(145deg,#bde7f2,#acddea);text-align:left;color:#142c3a}.creator-app .diamonds-hero>div{display:flex;align-items:center;gap:10px}.creator-app .diamonds-hero>div>span:not(.diamond-glyph){font-weight:700}.creator-app .diamonds-hero>div>b{margin-left:auto;font-size:10px}.creator-app .diamond-glyph{width:auto;aspect-ratio:auto;margin:0;border:0;border-radius:0;font-size:26px}.creator-app .diamonds-hero>strong{font-size:clamp(66px,13vw,96px);line-height:.92;margin:28px 0 9px}.creator-app .diamonds-hero>p:last-child{margin:0;color:#345766}.creator-app .diamond-detail-grid{display:grid;grid-template-columns:1fr;gap:12px;background:transparent;border:0}.creator-app .diamond-detail-grid article{min-height:178px;padding:25px;border:0;border-radius:27px;color:#352253}.creator-app .diamond-detail-grid .metric-lilac{background:#e8ddfb}.creator-app .diamond-detail-grid .metric-lime{background:#e2f3b5}.creator-app .diamond-detail-grid .metric-violet{background:#d4c0f3}.creator-app .diamond-detail-grid .metric-blue{background:#c5e7f1}.creator-app .diamond-detail-grid .metric-cream{background:#f2e8c8}.creator-app .diamond-detail-grid article>span{color:#4f3c6d;font-weight:800}.creator-app .diamond-detail-grid strong{font-size:48px;margin:auto 0 3px}.creator-app .diamond-detail-grid small{color:#6d607c}.creator-app .diamond-history{margin-top:34px}.creator-app .history-bars{border:0;border-radius:25px;background:#fff}.creator-app .history-bars article>span{border-radius:8px 8px 2px 2px;background:linear-gradient(#fe2c55,#9877ed 52%,#25f4ee)}.creator-app .history-bars article small{color:#65727b}

@media(max-width:700px){
  .creator-app .access-header{height:74px;padding:0 18px;gap:10px}.creator-app-brand>img{width:40px;height:40px;border-radius:12px}.creator-app-brand strong{font-size:17px}#creator-account{width:40px;height:40px}#artist-notifications{width:39px;height:39px}.notification-panel-head h2{font-size:38px}
  .creator-app #academy{min-height:calc(100svh - 74px)}.creator-app .academy-content{padding:12px 20px 90px}.creator-app .academy-rail{width:calc(100% - 24px);height:72px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:26px}
  .creator-app .app-home-intro{padding-top:22px}.creator-app .app-home-intro h2{font-size:clamp(37px,10.5vw,52px)}.top-five-list{gap:7px}.top-five-avatar{width:58px;height:58px}.top-five-crown{right:calc(50% - 30px)}
  .creator-main-card{min-height:326px;padding:24px}.creator-main-card-title strong{font-size:20px}.creator-main-value{font-size:clamp(58px,17vw,80px)}.creator-previous{left:24px;right:24px}
  .creator-quick-grid{grid-template-columns:1fr 1fr}.creator-quick-grid article{min-height:140px}.creator-quick-grid .quick-battles{grid-column:1/-1;min-height:126px}.creator-app .artist-service-grid{grid-template-columns:1fr}.creator-app .artist-service-grid article{min-height:235px}.creator-app .ranking-heading{display:block}.creator-app .ranking-heading>p{margin-top:12px}.creator-app .ranking-controls{margin-right:-20px}.creator-app .ranking-row{grid-template-columns:28px minmax(0,1fr) auto;gap:9px}.creator-app .ranking-value{padding-right:0}.creator-app .ranking-value strong{font-size:16px}
  .creator-app[data-creator-view="training"] .academy-content,.creator-app[data-creator-view="settings"] .academy-content{padding-top:20px}.creator-app .settings-card{border-radius:22px}.creator-app .settings-grid{background:transparent;border:0;gap:12px}.creator-app .settings-card:not(.settings-support){background:#142c3a;color:#fff}.creator-app .status-path{margin-left:-20px;margin-right:-20px}.creator-app .course-unit{border-radius:20px;overflow:hidden}.creator-app .academy-certification-card{border-radius:22px}
}

@media(max-width:390px){.creator-app .academy-content{padding-left:16px;padding-right:16px}.top-five-avatar{width:52px;height:52px}.top-five-creator>small{font-size:9px}.creator-main-card{min-height:310px}.creator-quick-grid article{padding:17px}.creator-app .academy-rail{width:calc(100% - 16px)}.creator-app .academy-rail nav button{font-size:8px}.creator-app .academy-rail nav button>span{font-size:17px}}

/* Artist app cards adapted from the JAXEOne mobile dashboard pattern. */
.creator-app>footer{display:none}
.home-academy-card{width:100%;margin:14px 0 0;padding:27px;text-align:left;border:0;border-radius:29px;background:linear-gradient(145deg,#ffd1c4,#f6b8aa);color:#142c3a;display:grid;gap:22px;box-shadow:0 18px 42px #b96d5830}.home-academy-card:hover{background:linear-gradient(145deg,#ffdacd,#f8c2b5)}.home-academy-card .eyebrow{color:#142c3a}.home-academy-card>strong{font-size:clamp(36px,7vw,52px);line-height:.96;letter-spacing:-.05em}.home-academy-card>span:not(.eyebrow){font-weight:750}.home-academy-card>small{font-size:14px}
.bonus-progress-card{margin-top:14px;padding:29px;border-radius:31px;background:linear-gradient(145deg,#dff18c,#cae875);color:#142c3a;box-shadow:0 20px 48px #8fae3f25}.bonus-progress-title{display:flex;justify-content:space-between;align-items:center}.bonus-progress-title .eyebrow{color:#142c3a;margin:0}.bonus-progress-title>span{font-size:28px}.bonus-progress-card>strong{display:block;margin:22px 0 34px;font-size:clamp(66px,14vw,98px);line-height:.9;letter-spacing:-.065em}.bonus-requirement{margin:0 0 23px}.bonus-requirement p{margin:0 0 9px;font-size:14px}.bonus-requirement>span{display:block;height:8px;border-radius:99px;background:#142c3a25;overflow:hidden}.bonus-requirement i{display:block;width:var(--progress);height:100%;border-radius:inherit;background:#142c3a}.bonus-requirement small{display:block;margin-top:7px;font-size:12px}.bonus-progress-card>p:last-child{margin:30px 0 0;font-size:13px}
.creator-app .artist-service-grid{display:block}.creator-app .artist-service-grid .manager-card{min-height:235px}.creator-app .top-five-controls{max-width:100%;overflow-x:auto}.creator-app .community-ranking{scroll-margin-top:90px}
@media(max-width:700px){.home-academy-card,.bonus-progress-card{border-radius:27px;padding:24px}.home-academy-card>strong{font-size:38px}.bonus-progress-card>strong{font-size:70px}}
@media(max-width:700px){.top-five{min-width:0;overflow:hidden}.top-five-heading{min-width:0}.top-five-heading>strong{flex:none}.top-five-heading button{max-width:54%;text-align:right;white-space:normal}.top-five-list{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.top-five-creator{width:100%}.top-five-avatar{width:46px;height:46px;min-width:46px;min-height:46px}.top-five-crown{right:calc(50% - 25px);width:20px;height:20px}.top-five-creator>em{display:none}}
@media(max-width:370px){.top-five-avatar{width:42px;height:42px;min-width:42px;min-height:42px}.top-five-creator>small{display:none}}
@media(max-width:700px){.creator-app .top-five{width:calc(100vw - 40px);max-width:100%}.top-five-heading button{min-width:0}.top-five-list{display:flex!important;justify-content:space-between;gap:0!important}.top-five-creator{flex:0 0 19%;max-width:19%;min-width:0!important}}
@media(max-width:390px){.creator-app .top-five{width:calc(100vw - 32px)}}

/* Keep the mobile app surface inside the phone viewport, including compact ranking rows. */
body.creator-app{overflow-x:hidden}.creator-app .academy-content,.creator-app .top-five,.creator-app .top-five-heading,.creator-app .top-five-list{min-width:0;max-width:100%}
@media(max-width:700px){.creator-app .academy-content{width:100%}.creator-app .top-five{width:100%;overflow:hidden}.top-five-heading{width:100%}.top-five-heading button{flex:0 1 auto;max-width:none;white-space:nowrap;font-size:10px}.top-five-list{display:grid!important;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px!important}.top-five-creator{width:100%;max-width:none;min-width:0!important;overflow:hidden}.top-five-avatar{width:min(12vw,46px);height:min(12vw,46px);min-width:40px;min-height:40px}.top-five-creator>small{font-size:9px}}

/* ONE Stage Artist app — original dark editorial system. JAXE informs the data only. */
body.creator-app{color-scheme:dark;--ink:#0e0e0d;--paper:#eee8d9;--muted:#aaa599;--line:#eee8d926;--accent:#eee8d9;min-height:100dvh;background:#0e0e0d;color:#eee8d9}
.creator-app .access-header{height:calc(82px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(18px,4vw) 0;border-bottom:1px solid #eee8d91f;background:#0e0e0df2;color:#eee8d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.creator-app .creator-app-brand{min-width:0;flex:0 1 auto}.creator-app .creator-app-brand>img{display:block;width:clamp(138px,38vw,182px);height:auto;max-height:42px;border-radius:0;object-fit:contain;box-shadow:none}
.creator-app #artist-notifications{margin-left:auto;width:42px;height:42px;border:1px solid #eee8d938!important;background:#171715!important;color:#eee8d9}.creator-app #notification-count{background:#eee8d9;color:#0e0e0d;box-shadow:0 0 0 2px #0e0e0d}
.creator-app #creator-account{width:42px;height:42px;border:1px solid #eee8d9!important;background:#191816!important;color:#eee8d9;box-shadow:none}
.creator-app #academy{min-height:calc(100svh - 82px - env(safe-area-inset-top));background:#0e0e0d}.creator-app .academy-content{color:#eee8d9}
.creator-app .academy-rail{border:1px solid #eee8d92b;background:#141412f5;box-shadow:0 18px 60px #000c;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.creator-app .academy-rail nav button{color:#9f9a8f}.creator-app .academy-rail nav button>span{color:#9f9a8f}.creator-app .academy-rail nav button.active{background:#eee8d9;color:#0e0e0d}.creator-app .academy-rail nav button.active>span{color:#68645b}
.creator-app .app-home-intro>p{color:#aaa599}.creator-app .app-home-intro h2{color:#eee8d9;font-weight:600}.creator-app .app-home-intro h2 span{color:#eee8d9}
.creator-app .top-five-heading>strong{color:#eee8d9}.creator-app .top-five-heading button{color:#c9c4b8}.creator-app .top-five-controls button,.creator-app .ranking-controls button{border:1px solid #eee8d92b;border-radius:999px;background:#151513;color:#aaa599}.creator-app .top-five-controls button.active,.creator-app .ranking-controls button.active{border-color:#eee8d9;background:#eee8d9;color:#0e0e0d}
.creator-app .top-five-creator{color:#eee8d9}.creator-app .top-five-avatar{border-color:#eee8d9;background:#1b1a17;color:#eee8d9}.creator-app .rank-2 .top-five-avatar,.creator-app .rank-3 .top-five-avatar{border-color:#756d5c}.creator-app .top-five-crown{background:#eee8d9;color:#0e0e0d;box-shadow:0 3px 12px #0007}.creator-app .top-five-creator>b{color:#c9c4b8}.creator-app .top-five-creator>em{color:#8f8a80}
.creator-app .creator-main-card{border:1px solid #eee8d966;border-radius:2px;background:radial-gradient(circle at 90% 5%,#eee8d92b,transparent 35%),linear-gradient(145deg,#1b1a17,#11110f);color:#eee8d9;box-shadow:0 25px 70px #0008}.creator-app .creator-main-card::after{border:1px solid #eee8d940;background:transparent}.creator-app .creator-main-card>p{color:#aaa599}.creator-app .creator-main-card>p.positive{color:#eee8d9}.creator-app .creator-main-card>p.negative{color:#d18a7b}.creator-app .creator-previous{border-color:#eee8d926}
.creator-app .creator-quick-grid article{border:1px solid #eee8d924;border-radius:2px;background:#171715;color:#eee8d9}.creator-app .creator-quick-grid .quick-live{background:#eee8d9;color:#0e0e0d}.creator-app .creator-quick-grid .quick-fans{background:#181715;color:#eee8d9}.creator-app .creator-quick-grid .quick-battles{background:#171715;color:#eee8d9}.creator-app .creator-quick-grid small{color:#8f8a80}.creator-app .creator-quick-grid .quick-live small{color:#5d594f}
.creator-app .home-academy-card{border:1px solid #eee8d9;border-radius:2px;background:#eee8d9;color:#0e0e0d;box-shadow:none}.creator-app .home-academy-card:hover{background:#fffaf0}.creator-app .home-academy-card .eyebrow{color:#6a6458}
.creator-app .bonus-progress-card{border:1px solid #eee8d970;border-radius:2px;background:linear-gradient(145deg,#191815,#11110f);color:#eee8d9;box-shadow:none}.creator-app .bonus-progress-title .eyebrow{color:#c9c4b8}.creator-app .bonus-progress-card>strong{color:#eee8d9}.creator-app .bonus-requirement>span{background:#eee8d923}.creator-app .bonus-requirement i{background:#eee8d9}.creator-app .bonus-progress-card>p:last-child,.creator-app .bonus-requirement small{color:#aaa599}
.creator-app .artist-service-grid .manager-card{border:1px solid #eee8d924;border-radius:2px;background:#171715;color:#eee8d9}.creator-app .manager-card>p:not(.eyebrow){color:#aaa599}.creator-app .manager-card button{color:#c9c4b8;border-color:#eee8d9}
.creator-app .community-ranking{color:#eee8d9}.creator-app .ranking-heading h3,.creator-app .diamond-history h3{color:#eee8d9}.creator-app .ranking-heading>p{color:#aaa599}.creator-app .ranking-row{border:1px solid #eee8d91f;border-radius:2px;background:#151513;box-shadow:none;color:#eee8d9}.creator-app .ranking-row:hover{background:#1e1d1a}.creator-app .ranking-position{color:#c9c4b8}.creator-app .creator-avatar{border-color:#eee8d9;background:#1e1d1a;color:#eee8d9}.creator-app .ranking-identity small,.creator-app .ranking-value small,.creator-app .community-empty{color:#8f8a80}
.journey-heading{padding:38px 0 30px}.journey-heading .eyebrow{margin:0;color:#c9c4b8}.journey-heading h2{margin:17px 0 21px;font-size:clamp(48px,12vw,78px);font-weight:500;line-height:.9;letter-spacing:-.06em}.journey-heading>p:last-child{max-width:520px;margin:0;color:#aaa599}
.creator-app .diamonds-hero{border:1px solid #eee8d9;border-radius:2px;background:#eee8d9;color:#0e0e0d}.creator-app .diamonds-hero>p:last-child{color:#615c52}.creator-app .diamond-detail-grid article{border:1px solid #eee8d924;border-radius:2px;background:#171715!important;color:#eee8d9}.creator-app .diamond-detail-grid article:nth-child(even){background:#eee8d9!important;color:#0e0e0d}.creator-app .diamond-detail-grid article>span{color:#c9c4b8}.creator-app .diamond-detail-grid article:nth-child(even)>span,.creator-app .diamond-detail-grid article:nth-child(even) small{color:#5f594f}.creator-app .diamond-detail-grid small{color:#8f8a80}.creator-app .history-bars{border:1px solid #eee8d924;border-radius:2px;background:#151513}.creator-app .history-bars article>span{background:linear-gradient(#eee8d9,#eee8d9)}.creator-app .history-bars article small{color:#8f8a80}
.creator-app .artist-heading h1,.creator-app .view-header h2{color:#eee8d9}.creator-app .artist-heading .eyebrow,.creator-app .view-header p{color:#aaa599}.creator-app .progress-ring{border:1px solid #eee8d9;background:#171715;color:#eee8d9}.creator-app .progress-ring span{color:#c9c4b8}.creator-app .status-path,.creator-app .module-grid,.creator-app .course-unit,.creator-app .settings-grid{border-color:#eee8d924;background:#151513;color:#eee8d9}.creator-app .status-path .done{background:#eee8d9;color:#0e0e0d}.creator-app .course-unit,.creator-app .module-card{background:#151513}.creator-app .course-row,.creator-app .module-card{color:#eee8d9}.creator-app .course-unit:not(.locked):not(.complete) .course-row{box-shadow:inset 3px 0 0 #eee8d9}.creator-app .settings-card{border-color:#eee8d924;background:#151513;color:#eee8d9}.creator-app .settings-card:not(.settings-support){background:#151513;color:#eee8d9}.creator-app .academy-certification-card{border-color:#eee8d924;background:#151513;color:#eee8d9}.creator-app .academy-certification-card.ready{background:#eee8d9;color:#0e0e0d}
.creator-app #notification-backdrop{background:#0009}.creator-app #notification-panel{padding-top:calc(30px + env(safe-area-inset-top));background:#11110f;color:#eee8d9;box-shadow:-20px 0 70px #000c}.creator-app .notification-panel-head{border-color:#eee8d924}.creator-app .notification-panel-head p{color:#c9c4b8}.creator-app .notification-panel-head>button{background:#eee8d9;color:#0e0e0d}.creator-app .notification-item{border-color:#eee8d924;color:#eee8d9}.creator-app .notification-item>span,.creator-app .notification-item>small,.creator-app .notification-item>b{color:#c9c4b8}.creator-app .notification-item>p{color:#aaa599}.creator-app .notification-item:hover{background:#1c1b18}.creator-app #read-all-notifications{border-color:#eee8d9;background:transparent;color:#eee8d9}
@media(max-width:700px){.creator-app .access-header{height:calc(76px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;gap:9px}.creator-app .creator-app-brand>img{width:clamp(130px,39vw,166px);height:auto;max-height:36px}.creator-app #academy{min-height:calc(100svh - 76px - env(safe-area-inset-top))}.creator-app .academy-content{padding-top:18px}.creator-app .academy-rail{bottom:calc(10px + env(safe-area-inset-bottom));border-radius:3px}.creator-app .academy-rail nav button{border-radius:0}.creator-app .creator-main-card,.creator-app .home-academy-card,.creator-app .bonus-progress-card,.creator-app .artist-service-grid .manager-card,.creator-app .diamonds-hero,.creator-app .diamond-detail-grid article,.creator-app .history-bars,.creator-app .ranking-row{border-radius:2px}.journey-heading{padding-top:24px}}
@media(max-width:370px){.creator-app .creator-app-brand>img{width:124px}.creator-app #artist-notifications,.creator-app #creator-account{width:37px;height:37px}}

/* Connected navigation silhouette: three destinations plus the artist portrait. */
.creator-app .academy-rail{display:flex;align-items:center;overflow:visible;padding:0 8px 0 12px;width:min(calc(100% - 24px),620px);border-radius:42px}
.creator-app .academy-rail nav{flex:1;grid-template-columns:repeat(3,1fr);min-width:0}
.creator-app .academy-rail #creator-account{display:grid;flex:0 0 auto;width:66px;height:66px;margin:0 0 0 8px;border:4px solid #eee8d9!important;border-radius:50%;background:#242421!important;color:#eee8d9;box-shadow:0 0 0 6px #141412,0 12px 30px #0009;transform:translateX(1px)}
.creator-app .academy-rail #creator-account::before{content:'';position:absolute;right:100%;width:18px;height:32px;background:#141412;pointer-events:none}
.creator-app .academy-rail .creator-account-avatar{position:relative;z-index:1;border-radius:50%;overflow:hidden}
@media(max-width:700px){.creator-app .academy-rail{width:calc(100% - 18px);height:74px;bottom:calc(8px + env(safe-area-inset-bottom));padding-left:8px;padding-right:6px;border-radius:40px}.creator-app .academy-rail #creator-account{width:62px;height:62px;margin-left:5px;box-shadow:0 0 0 5px #141412,0 10px 26px #0009}.creator-app .academy-rail nav button{font-size:9px}}
@media(max-width:370px){.creator-app .academy-rail #creator-account{width:56px;height:56px}.creator-app .academy-rail nav button{font-size:8px}}

/* First sign-in: a mobile-first ONE Stage introduction for artists. */
body.onboarding-active{overflow:hidden}
#artist-onboarding{position:fixed;z-index:100;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden;background:#0e0e0d;color:#eee8d9;padding:env(safe-area-inset-top) max(22px,5vw) max(12px,env(safe-area-inset-bottom))}
#artist-onboarding>header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #eee8d921}
#artist-onboarding>header>img{display:block;width:clamp(140px,35vw,190px);height:auto;max-height:42px;object-fit:contain}
#artist-onboarding>header>div{display:flex;align-items:center;gap:18px;color:#aaa599;font:700 10px/1 monospace;letter-spacing:.13em}
#artist-onboarding>header>div img{display:block;width:23px;height:23px;object-fit:contain}
#onboarding-stage{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
#onboarding-stage::-webkit-scrollbar{display:none}
.onboarding-slide{min-height:100%;width:min(100%,960px);margin:0 auto;display:grid;align-items:center;padding:34px 0}
.onboarding-slide.has-image{grid-template-columns:minmax(260px,.92fr) minmax(300px,1.08fr);gap:clamp(36px,7vw,90px)}
.onboarding-visual{position:relative;min-height:0;border:1px solid #eee8d938;background:#171715;overflow:hidden}
.onboarding-visual::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0007;pointer-events:none}
.onboarding-visual img{display:block;width:100%;height:min(58vh,680px);object-fit:cover;filter:saturate(.72) contrast(1.05)}
.onboarding-copy{max-width:580px}.onboarding-copy>.eyebrow{display:block;margin:0 0 18px;color:#aaa599;font:700 10px/1.4 monospace;letter-spacing:.19em}.onboarding-copy h1{margin:0;font-size:clamp(54px,8vw,104px);font-weight:550;line-height:.86;letter-spacing:-.065em}.onboarding-copy>p{max-width:530px;margin:27px 0 0;color:#bdb8ac;font-size:clamp(16px,2vw,21px);line-height:1.55}
.onboarding-tiktok{display:flex;align-items:center;gap:12px;margin:0 0 25px;color:#c7c1b4;font:700 9px/1.35 monospace;letter-spacing:.14em}.onboarding-tiktok img{width:28px;height:28px;object-fit:contain}
.onboarding-install{display:flex;align-items:center;gap:17px;margin-top:32px;padding:18px;border:1px solid #eee8d938;background:#171715}.onboarding-install img{width:58px;height:58px;border-radius:15px;object-fit:cover}.onboarding-install div{display:grid;gap:4px}.onboarding-install strong{font-size:16px}.onboarding-install span{color:#aaa599;font-size:13px}
.onboarding-field{display:grid;gap:11px;margin-top:32px}.onboarding-field>span{display:flex;justify-content:space-between;gap:15px;color:#eee8d9;font-size:13px}.onboarding-field b{color:#aaa599;font:700 9px/1 monospace;letter-spacing:.12em}.onboarding-field textarea,.onboarding-field input{width:100%;border:1px solid #eee8d966;background:#151513;color:#eee8d9;padding:18px;border-radius:0;font-size:17px;resize:vertical}.onboarding-field textarea{min-height:150px}.onboarding-field small{color:#8f8a80;font-size:12px}
#artist-onboarding>footer{display:grid;grid-template-columns:58px 1fr minmax(180px,360px);align-items:center;gap:18px;padding:18px 0 4px;border:0;border-top:1px solid #eee8d921}
#onboarding-back,#onboarding-next{min-height:56px;border:1px solid #eee8d9;font-weight:800;letter-spacing:.08em}#onboarding-back{background:transparent;color:#eee8d9;font-size:22px}#onboarding-back:disabled{opacity:.25}#onboarding-next{background:#eee8d9;color:#0e0e0d}#onboarding-next span{margin-left:12px}
#onboarding-dots{display:flex;justify-content:center;gap:9px}#onboarding-dots i{width:6px;height:6px;border-radius:50%;background:#5b5851}#onboarding-dots i.active{width:26px;border-radius:9px;background:#eee8d9}
#onboarding-status{min-height:20px;margin:7px 0 0;text-align:right;color:#d0a69a;font-size:12px}
.creator-app .academy-rail nav button>span svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.creator-app .academy-rail #creator-account{position:relative}
@media(max-width:700px){#artist-onboarding{padding-left:18px;padding-right:18px}#artist-onboarding>header{min-height:68px}#artist-onboarding>header>img{width:148px;max-height:34px}#artist-onboarding>header>div{gap:10px;font-size:9px}.onboarding-slide,.onboarding-slide.has-image{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:24px;padding:24px 0}.onboarding-slide.has-image{justify-content:flex-start}.onboarding-visual{flex:0 0 auto;width:100%;height:min(42vh,390px)}.onboarding-visual img{height:100%;object-position:center}.onboarding-copy{width:100%}.onboarding-copy h1{font-size:clamp(47px,14vw,68px)}.onboarding-copy>p{margin-top:18px;font-size:15px}.onboarding-copy>.eyebrow{margin-bottom:13px}.onboarding-tiktok{margin-bottom:17px}.onboarding-install{margin-top:22px;padding:14px}.onboarding-field{margin-top:22px}.onboarding-field textarea{min-height:125px}#artist-onboarding>footer{grid-template-columns:52px 1fr minmax(150px,58%);gap:9px;padding-top:12px}#onboarding-back,#onboarding-next{min-height:52px;font-size:11px}#onboarding-dots{gap:6px}#onboarding-dots i{width:5px;height:5px}#onboarding-dots i.active{width:18px}#onboarding-status{font-size:10px}}
@media(max-width:390px){.onboarding-visual{height:min(37vh,310px)}.onboarding-copy h1{font-size:44px}.onboarding-copy>p{font-size:14px}#artist-onboarding>footer{grid-template-columns:48px 1fr minmax(138px,56%)}#onboarding-next{letter-spacing:.04em}}

/* Mobile app refinements: compact onboarding, gold feature surfaces, and routed artist profiles. */
body.creator-app{--gold-1:#f0d59a;--gold-2:#9b7a3e}
body.onboarding-active>footer{display:none}
.creator-app[data-creator-view="rankings"] .artist-heading,.creator-app[data-creator-view="profile"] .artist-heading,.creator-app[data-creator-view="settings"] .artist-heading{display:none}
.creator-app .creator-main-card{width:100%;text-align:left;font:inherit;cursor:pointer}
.creator-app .creator-main-card:focus-visible,.creator-app .creator-quick-grid button:focus-visible,.top-five-creator:focus-visible,.ranking-card:focus-visible{outline:2px solid var(--gold-1);outline-offset:3px}
.creator-app .creator-quick-grid button{min-height:152px;border:1px solid #eee8d924;border-radius:2px;padding:20px;display:flex;flex-direction:column;text-align:left;font:inherit;cursor:pointer}
.creator-app .creator-quick-grid .quick-live{background:linear-gradient(145deg,#f1dcaa,#9b7a3e);color:#0e0e0d;border-color:#f0d59a}
.creator-app .creator-quick-grid .quick-live small{color:#413722}
.creator-app .bonus-progress-card{background:radial-gradient(circle at 88% 5%,#e0bb6d30,transparent 32%),linear-gradient(145deg,#1b1812,#11110f);border-color:#b997545c}
.creator-app .top-five-creator{appearance:none;border:0;background:transparent;padding:0;font:inherit;cursor:pointer}
.creator-app .top-five-list>.community-empty{grid-column:1/-1;margin:0}
.app-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:18px 0 22px;padding:0;border:0;border-bottom:1px solid #8b8579;background:transparent;color:#c9c4b8;font:700 10px/1 monospace;letter-spacing:.12em;cursor:pointer}
.rankings-page{padding-bottom:24px}.rankings-hero{padding:8px 0 26px}.rankings-hero .eyebrow{color:#b9a16d}.rankings-hero h2{margin:14px 0 17px;font-size:clamp(52px,13vw,86px);font-weight:560;line-height:.88;letter-spacing:-.065em}.rankings-hero>p:last-child{max-width:560px;margin:0;color:#aaa599;line-height:1.5}
.rankings-page-controls{position:sticky;z-index:5;top:calc(82px + env(safe-area-inset-top));padding:11px 0;background:linear-gradient(#0e0e0df8 75%,transparent)}
.own-rank-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:15px 0 20px;padding:24px;border:1px solid #c9a75e;background:linear-gradient(135deg,#f0d59a,#8f6e36);color:#0e0e0d}.own-rank-card>div{display:grid;gap:7px}.own-rank-card span{font:700 9px/1 monospace;letter-spacing:.14em}.own-rank-card strong{font-size:40px;line-height:1}.own-rank-card p{max-width:180px;margin:0;text-align:right;font-size:12px;line-height:1.35}
.rankings-directory{display:grid;gap:10px}.ranking-card{width:100%;min-height:96px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 15px;border:1px solid #eee8d922;background:#151513;color:#eee8d9;text-align:left;font:inherit;cursor:pointer}.ranking-card:first-child{border-color:#c9a75e;background:linear-gradient(135deg,#2b2417,#15130f)}.ranking-card-identity{display:flex;align-items:center;gap:13px;min-width:0}.ranking-card-avatar{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;flex:none;border:1px solid #9b8a69;border-radius:50%;background:#25231f;color:#eee8d9;font-weight:800}.ranking-card-avatar img{width:100%;height:100%;object-fit:cover}.ranking-card-identity>span{display:grid;min-width:0}.ranking-card-identity strong,.ranking-card-identity small,.ranking-card-identity em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-card-identity strong{font-size:17px}.ranking-card-identity small{margin-top:3px;color:#c9c4b8;font-size:12px}.ranking-card-identity em{margin-top:5px;color:#7f7a70;font:normal 9px/1.2 monospace;letter-spacing:.08em}.ranking-card-value{display:grid;justify-items:end;gap:3px}.ranking-card-value b{color:#b99a58;font:700 10px/1 monospace}.ranking-card-value strong{font-size:20px}.ranking-card-value small{color:#8f8a80;font-size:9px}
.community-profile{padding-bottom:30px}.community-profile-hero{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(320px,1.18fr);gap:clamp(36px,8vw,110px);align-items:center}.community-profile-photo{position:relative;min-width:0}.community-profile-photo::after{content:'';position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,#0e0e0d);pointer-events:none}.community-profile-avatar{display:grid;place-items:center;width:100%;aspect-ratio:4/5;overflow:hidden;border:1px solid #b99a58;background:linear-gradient(145deg,#2a251a,#11110f);color:#eee8d9;font-size:80px;font-weight:700}.community-profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-rank{margin:0;color:#d4b873;font:700 10px/1 monospace;letter-spacing:.12em;text-transform:uppercase}.community-profile-copy h2{margin:17px 0 8px;font-size:clamp(54px,8vw,100px);font-weight:560;line-height:.87;letter-spacing:-.065em}.profile-handle{display:inline-block;color:#c9c4b8;text-decoration:none}.profile-bio{margin:0;color:#eee8d9;font-size:17px;line-height:1.6}.profile-public-stats{display:flex;gap:1px;margin:26px 0;background:#eee8d926;border:1px solid #eee8d926}.profile-public-stats>div{min-width:140px;padding:19px;background:#151513;display:grid;gap:5px}.profile-public-stats strong{font-size:32px}.profile-public-stats span{color:#8f8a80;font-size:10px}.profile-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.profile-actions a{min-height:54px;padding:0 24px;border:1px solid #eee8d9;background:#eee8d9;color:#0e0e0d;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font:800 10px/1 Arial,sans-serif;letter-spacing:.08em}.profile-tiktok img{width:22px;height:22px;object-fit:contain}.profile-about{max-width:620px;padding:22px;border:1px solid #b99a584f;background:radial-gradient(circle at 100% 0,#d6b56c21,transparent 42%),#151513}.profile-about>span{display:block;margin-bottom:16px;color:#c4a45f;font:700 9px/1 monospace;letter-spacing:.17em}.profile-about small{display:block;margin-top:15px;color:#817b70;font:700 9px/1 monospace;letter-spacing:.1em;text-transform:uppercase}.profile-owner-actions{margin-top:13px}.profile-owner-actions button{min-height:46px;padding:0 20px;border:1px solid #eee8d94f;background:transparent;color:#eee8d9;font:800 10px/1 Arial,sans-serif;letter-spacing:.08em}.profile-updated{display:block;margin-top:18px;color:#716d64}

/* The onboarding should read as one native phone screen, not a long page. */
@media(max-width:700px){
  #artist-onboarding{height:100dvh;min-height:100dvh;grid-template-rows:58px minmax(0,1fr) 64px 18px;padding:env(safe-area-inset-top) 16px max(7px,env(safe-area-inset-bottom));}
  #artist-onboarding>header{min-height:58px;height:58px;gap:12px}
  #artist-onboarding>header>img{width:132px;max-height:29px}
  #artist-onboarding>header>div img{width:19px;height:19px}
  #onboarding-stage{height:100%;min-height:0;overflow-y:auto;scroll-snap-type:y proximity}
  .onboarding-slide,.onboarding-slide.has-image{min-height:100%;height:auto;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:14px 0 10px;scroll-snap-align:start}
  .onboarding-slide.has-image{justify-content:flex-start}
  .onboarding-visual{width:100%;height:clamp(245px,82vw,350px);flex:0 0 auto;border-color:#eee8d92b}
  .onboarding-visual img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
  .onboarding-copy{width:100%;max-width:none}
  .onboarding-copy>.eyebrow{margin:0 0 8px;font-size:8px;letter-spacing:.18em}
  .onboarding-copy h1{max-width:390px;font-size:clamp(37px,11.2vw,51px);line-height:.9;letter-spacing:-.06em}
  .onboarding-copy>p{max-width:390px;margin:12px 0 0;font-size:13px;line-height:1.42}
  .onboarding-tiktok{margin:0 0 9px;font-size:7px}.onboarding-tiktok img{width:21px;height:21px}
  .onboarding-install{margin-top:18px;padding:13px}.onboarding-install img{width:48px;height:48px}.onboarding-install strong{font-size:14px}.onboarding-install span{font-size:11px}
  .onboarding-field{gap:8px;margin-top:17px}.onboarding-field textarea,.onboarding-field input{padding:14px;font-size:16px}.onboarding-field textarea{min-height:112px;max-height:150px}.onboarding-field small{font-size:10px}
  #artist-onboarding>footer{height:64px;grid-template-columns:48px minmax(60px,1fr) minmax(145px,56%);gap:8px;padding:7px 0;border-top:1px solid #eee8d921}
  #onboarding-back,#onboarding-next{min-height:48px;height:48px}
  #onboarding-status{min-height:18px;margin:0;text-align:center;font-size:9px;line-height:1.2}
  .creator-app .creator-quick-grid button{min-height:140px;padding:17px}
  .rankings-page-controls{top:calc(76px + env(safe-area-inset-top));margin-right:-16px;padding-right:16px}
  .rankings-hero h2{font-size:clamp(50px,15vw,68px)}
  .own-rank-card{padding:20px}.own-rank-card strong{font-size:34px}
  .ranking-card{min-height:88px;padding:11px 12px;gap:10px}.ranking-card-avatar{width:52px;height:52px}.ranking-card-identity strong{font-size:15px}.ranking-card-value strong{font-size:17px}
  .community-profile .profile-back{margin-bottom:12px}.community-profile-hero{display:block}.community-profile-photo{width:calc(100% + 32px);margin-left:-16px}.community-profile-photo::after{height:40%}.community-profile-avatar{aspect-ratio:1/1.12;border-left:0;border-right:0}.community-profile-copy{position:relative;z-index:1;margin-top:-58px;padding-top:0;text-align:center}.community-profile-copy h2{font-size:clamp(50px,15vw,70px)}.profile-handle{font-size:17px}.profile-rank{font-size:9px}.profile-actions{display:grid;margin:25px 0 0}.profile-actions a{width:100%;border-radius:999px;font-size:11px}.profile-public-stats{justify-content:center;margin:24px 0}.profile-public-stats>div{min-width:0;flex:1;padding:18px}.profile-public-stats strong{font-size:35px}.profile-about{text-align:left}.profile-bio{font-size:15px}.profile-owner-actions{display:grid}.profile-owner-actions button{width:100%;border-radius:999px}.profile-updated{text-align:center}
}
@media(max-width:390px){
  #artist-onboarding{grid-template-rows:54px minmax(0,1fr) 60px 17px;padding-left:14px;padding-right:14px}
  #artist-onboarding>header{height:54px;min-height:54px}.onboarding-visual{height:clamp(245px,82vw,340px)}.onboarding-copy h1{font-size:clamp(34px,10.7vw,43px)}.onboarding-copy>p{font-size:12px}.onboarding-slide,.onboarding-slide.has-image{gap:11px;padding-top:11px}
  #artist-onboarding>footer{height:60px;grid-template-columns:44px 1fr minmax(136px,55%)}#onboarding-back,#onboarding-next{height:46px;min-height:46px}
  .ranking-card-avatar{width:47px;height:47px}.ranking-card-value small{display:none}.ranking-card-value strong{font-size:15px}.ranking-card-identity em{max-width:145px}
}

/* Partner visibility, lesson media signals, and gold completion states. */
.home-partners{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin-top:14px}
.home-partners article{min-height:280px;padding:30px;border:1px solid #eee8d92b;background:#151513;display:flex;flex-direction:column}
.home-partners article>div{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#bda364;font:700 9px/1 monospace;letter-spacing:.15em}
.home-partners .partner-maono{background:radial-gradient(circle at 94% 2%,#efd28c38,transparent 37%),linear-gradient(145deg,#211b11,#11110f);border-color:#c4a35d80}
.home-partners .partner-maono img{width:112px;filter:grayscale(1) brightness(1.9)}
.home-partners .partner-tiktok img{width:30px;height:30px;object-fit:contain}
.home-partners h3{margin:auto 0 14px;font-size:clamp(30px,4vw,54px);font-weight:500;line-height:.95;letter-spacing:-.05em}
.home-partners p{max-width:620px;margin:0;color:#aaa599;font-size:14px}
.home-partners a,.maono-banner>a,.lesson-partner-note a{display:inline-flex;align-items:center;justify-content:center;min-height:58px;margin-top:24px;padding:14px 18px;border:1px solid #d1ad61;background:linear-gradient(135deg,#f0d59a,#a47e3c);color:#11110f!important;text-decoration:none;font:800 10px/1.25 Arial,sans-serif;letter-spacing:.08em;text-align:center;white-space:normal;box-shadow:0 12px 32px #0005}
.home-partners a:hover,.maono-banner>a:hover,.lesson-partner-note a:hover{background:#f7e4b8;border-color:#f7e4b8;color:#0e0e0d}
.course-media-type{display:inline-flex!important;align-items:center;gap:8px;width:max-content;margin-top:5px;padding:7px 10px;border:1px solid #b997545c;color:#d9bb78!important;font:700 8px/1 monospace;letter-spacing:.12em}
.course-media-type b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#d9bb78;color:#111;font-size:8px}
.course-media-type em{font:inherit;font-style:normal}
.course-unit.complete .course-mark,.course-requirement.complete .requirement-mark{background:linear-gradient(135deg,#f0d59a,#a47e3c)!important;border-color:#f0d59a!important;color:#11110f!important;box-shadow:0 0 0 4px #c8a45b24}
.course-unit.complete .course-mark{font-size:30px}
.maono-banner{border-color:#b997546b;background:radial-gradient(circle at 100% 0,#d7b66c25,transparent 38%),#151514}
.maono-banner>a{margin-top:0;max-width:300px}
.lesson-partner-note{border-color:#b997546b;background:radial-gradient(circle at 100% 0,#d7b66c25,transparent 42%),#151514}
.lesson-partner-note a{margin-top:0;max-width:330px}
@media(max-width:700px){
  .home-partners{grid-template-columns:1fr}
  .home-partners article{min-height:245px;padding:24px}
  .home-partners .partner-maono img{width:94px}
  .home-partners h3{font-size:38px}
  .home-partners a{width:100%;font-size:9px}
  .maono-banner>a,.lesson-partner-note a{width:100%;max-width:none;margin-top:4px}
  .course-media-type{font-size:7px}
}

/* ONE Stage dock: one navigation capsule and one distinct artist portrait. */
.creator-app .academy-rail{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:10px;
  width:min(calc(100% - 24px),620px);
  height:80px;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.creator-app .academy-rail nav{
  position:relative;
  flex:1 1 auto;
  min-width:0;
  height:76px;
  padding:0 12px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
  border:1px solid #eee8d938;
  border-radius:999px;
  background:#141412f7;
  box-shadow:0 15px 42px #000b;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.creator-app .academy-rail nav button{
  min-width:0;
  height:100%;
  padding:8px 3px!important;
  border-radius:0!important;
  color:#aaa599;
  background:transparent;
  font-size:9px;
  transition:background .18s ease,color .18s ease;
}
.creator-app .academy-rail nav button>span{color:#aaa599}
.creator-app .academy-rail nav button.active{
  color:#0e0e0d;
  background:#eee8d9;
}
.creator-app .academy-rail nav button.active>span{color:#68645b}
.creator-app .academy-rail #creator-account{
  position:relative;
  flex:0 0 72px;
  width:72px;
  height:72px;
  margin:0;
  padding:0!important;
  transform:none;
  overflow:hidden;
  border:4px solid #eee8d9!important;
  border-radius:50%;
  outline:6px solid #141412;
  background:#242421!important;
  color:#eee8d9;
  box-shadow:0 14px 34px #000c;
}

/* The leaderboard stops after 30 while still showing the scale of the ONE Stage roster. */
.ranking-curtain{position:relative;min-height:390px;margin-top:16px;overflow:hidden;border:1px solid #b99a5838;background:linear-gradient(155deg,#1a1813,#11110f)}
.ranking-blur-list{position:absolute;inset:18px;display:grid;gap:12px;filter:blur(10px);opacity:.32;pointer-events:none}
.ranking-blur-list i{display:block;min-height:92px;border:1px solid #eee8d940;background:linear-gradient(90deg,#eee8d91f 0 13%,transparent 13% 19%,#eee8d91f 19% 62%,transparent 62% 72%,#c5a45b45 72%)}
.ranking-curtain::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,#0e0e0dd9 30%,#0e0e0df5 70%,transparent)}
.ranking-curtain-copy{position:relative;z-index:1;min-height:390px;padding:58px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ranking-community-mark{width:62px;height:62px;display:grid;place-items:center;margin-bottom:24px;border:1px solid #c9a75e;background:#c9a75e12;color:#d3b66f}
.ranking-community-mark svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round}
.ranking-curtain h3{max-width:520px;margin:0;color:#eee8d9;font-size:clamp(30px,6vw,48px);font-weight:540;line-height:1;letter-spacing:-.045em}
.ranking-curtain p{max-width:500px;margin:20px 0 0;color:#aaa599;font-size:15px;line-height:1.6}
@media(max-width:700px){.ranking-curtain,.ranking-curtain-copy{min-height:360px}.ranking-curtain-copy{padding:44px 23px}.ranking-curtain{border-radius:24px}.ranking-community-mark{border-radius:18px}}
.creator-app .academy-rail #creator-account::before{content:none}
.creator-app .top-five-heading button,
.creator-app .app-back{
  color:#d3b66f;
  border-bottom:1px solid #8f7541;
  text-decoration:none;
  letter-spacing:.04em;
}
@media(max-width:700px){
  .creator-app .academy-rail{
    width:calc(100% - 18px);
    height:76px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    padding:0;
    border-radius:0;
  }
  .creator-app .academy-rail nav{height:72px;padding:0 8px}
  .creator-app .academy-rail #creator-account{
    flex-basis:66px;
    width:66px;
    height:66px;
    margin:0;
    box-shadow:0 12px 28px #000c;
  }
}
@media(max-width:370px){
  .creator-app .academy-rail{gap:7px;width:calc(100% - 12px)}
  .creator-app .academy-rail nav{padding:0 5px}
  .creator-app .academy-rail nav button{font-size:8px}
  .creator-app .academy-rail #creator-account{flex-basis:60px;width:60px;height:60px;outline-width:4px}
}

/* Marketing-site signal loader while the private artist session is assembled. */
body.artist-app-loading{overflow:hidden}
.artist-loader-seen body.artist-app-loading{overflow:auto}
.artist-loader-seen .artist-app-loader{display:none}
.artist-app-loader{position:fixed;inset:0;z-index:300;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:transparent;color:#eee8d9;transition:visibility 1.05s;pointer-events:none}
.artist-app-loader::before,.artist-app-loader::after{content:'';position:absolute;left:0;right:0;width:100%;height:50.1%;z-index:-1;background:#0b0b0b;transition:transform 1.05s cubic-bezier(.76,0,.24,1)}
.artist-app-loader::before{top:0}.artist-app-loader::after{bottom:0}
.artist-app-loader.done{visibility:hidden}
.artist-app-loader.done::before{transform:translateY(-101%)}.artist-app-loader.done::after{transform:translateY(101%)}
.artist-app-loader>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.16;image-rendering:pixelated;mix-blend-mode:screen;transition:opacity .35s;pointer-events:none}
.artist-app-loader>img{position:relative;z-index:1;width:min(68vw,520px);height:auto;max-height:115px;object-fit:contain;animation:artist-loader-logo 1.1s .15s both;transition:opacity .25s,filter .4s,transform .4s}
.artist-app-loader>span{position:relative;z-index:1;color:#aaa599;font:700 10px/1 monospace;letter-spacing:.2em;animation:artist-loader-caption .6s .7s both}
.artist-app-loader>i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#eee8d9;transform-origin:left;animation:artist-loader-progress 1.15s ease both}
.artist-loader-beam{position:absolute;z-index:2;top:50%;left:15%;width:70%;height:2px;background:#eee8d9;box-shadow:0 0 16px #eee8d977;animation:artist-loader-beam .85s both}
.artist-loader-scan{position:absolute;z-index:2;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#eee8d90c 4px);animation:artist-loader-scan 1.35s .1s both;pointer-events:none}
.artist-app-loader.done>canvas,.artist-app-loader.done>span,.artist-app-loader.done .artist-loader-beam,.artist-app-loader.done .artist-loader-scan{opacity:0}
.artist-app-loader.done>img{opacity:0;filter:blur(5px);transform:scale(1.08)}
@keyframes artist-loader-logo{from{opacity:0;filter:blur(8px);transform:scale(.93)}to{opacity:1;filter:none;transform:none}}
@keyframes artist-loader-caption{from{opacity:0;letter-spacing:.32em}to{opacity:1;letter-spacing:.2em}}
@keyframes artist-loader-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes artist-loader-beam{0%{transform:scaleX(0);opacity:0}48%{transform:scaleX(1);opacity:1}100%{transform:translateY(-80px);opacity:0}}
@keyframes artist-loader-scan{from{transform:translateY(-20%);opacity:0}to{transform:translateY(20%);opacity:1}}

/* Compact partner row and strict Top Artists cells on phones. */
.home-partners{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.home-partners article{min-width:0;min-height:220px;padding:22px}
.home-partners h3{margin:26px 0 10px;font-size:clamp(25px,3vw,38px)}
.home-partners .partner-tiktok>img{display:block;width:min(100%,148px);height:auto;object-fit:contain}
.home-partners .partner-tiktok p{margin-top:auto}
.home-partners .partner-maono img{width:92px}
.home-partners a{min-height:50px;margin-top:18px;padding:12px 13px;font-size:9px}
@media(max-width:700px){
  .home-partners{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .home-partners article{min-height:215px;padding:15px}
  .home-partners article>div{display:grid;gap:10px;justify-items:start;font-size:7px}
  .home-partners .partner-maono img{width:72px}
  .home-partners .partner-tiktok>img{width:105px;max-width:100%}
  .home-partners h3{margin:18px 0 9px;font-size:clamp(20px,6vw,28px);line-height:.97}
  .home-partners p{font-size:10px;line-height:1.38}
  .home-partners a{min-height:45px;margin-top:13px;padding:9px 7px;font-size:7px;line-height:1.3}
  .creator-app .top-five-list{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;overflow:hidden}
  .creator-app .top-five-creator{min-width:0!important;max-width:100%;overflow:hidden;contain:layout paint}
  .creator-app .top-five-avatar{width:42px;height:42px;min-width:42px;min-height:42px}
  .creator-app .top-five-creator>small,.creator-app .top-five-creator>em{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){.artist-app-loader>canvas,.artist-loader-beam,.artist-loader-scan{display:none}.artist-app-loader::before,.artist-app-loader::after{transition:none}.artist-app-loader>img,.artist-app-loader>span,.artist-app-loader>i{animation:none}}

/* Keep the Top Artists controls and portraits balanced inside a phone viewport. */
@media(max-width:700px){
  .creator-app .top-five-controls{
    width:100%;
    margin:0;
    padding:0 0 12px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
    overflow:visible;
  }
  .creator-app .top-five-controls button{
    min-width:0;
    width:100%;
    padding:11px 3px;
    font-size:8px;
    white-space:nowrap;
  }
  .creator-app .top-five-list{
    align-items:start;
    gap:5px!important;
  }
  .creator-app .top-five-avatar{
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
  }
  .creator-app .top-five-crown{right:calc(50% - 24px)}
  .creator-app .top-five-creator>b{margin-top:5px;font-size:10px}
  .creator-app .top-five-creator>small{margin-top:3px;font-size:8px}
}

/* Visual Academy invitation directly below the artist's diamond summary. */
.creator-app .home-academy-card{
  width:100%;
  min-height:360px;
  margin:14px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:0;
  overflow:hidden;
  border:1px solid #b99a586b;
  border-radius:24px;
  background:radial-gradient(circle at 100% 0,#d2ae5a22,transparent 38%),#151513;
  color:#eee8d9;
  box-shadow:0 22px 52px #0007;
}
.creator-app .home-academy-visual{position:relative;min-height:360px;overflow:hidden}
.creator-app .home-academy-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#151513)}
.creator-app .home-academy-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.creator-app .home-academy-copy{padding:30px 28px;display:flex;flex-direction:column;align-items:flex-start}
.creator-app .home-academy-copy .eyebrow{color:#d4b873}
.creator-app .home-academy-copy>strong{margin:18px 0 24px;font-size:clamp(36px,6vw,54px);line-height:.92;letter-spacing:-.055em}
.creator-app .home-academy-latest{width:100%;padding:15px 0;border-top:1px solid #eee8d928;border-bottom:1px solid #eee8d928;display:grid;gap:5px}
.creator-app .home-academy-latest small{color:#8f8a80;font:700 8px/1 monospace;letter-spacing:.15em}
.creator-app .home-academy-latest span{font-size:14px;font-weight:700;line-height:1.25}
.creator-app .home-academy-copy>p{margin:16px 0;color:#aaa599;font-size:12px}
.creator-app .home-academy-copy>button{width:100%;min-height:52px;margin-top:auto;border:1px solid #eee8d9;background:#eee8d9;color:#0e0e0d;font:800 10px/1 Arial,sans-serif;letter-spacing:.1em}
.creator-app .home-academy-copy>button:hover{background:#d4b873;border-color:#d4b873}
@media(max-width:700px){
  .creator-app .home-academy-card{display:block;min-height:0;border-radius:22px}
  .creator-app .home-academy-visual{height:230px;min-height:0}
  .creator-app .home-academy-visual::after{background:linear-gradient(transparent 55%,#151513)}
  .creator-app .home-academy-visual img{object-position:center 48%}
  .creator-app .home-academy-copy{padding:22px}
  .creator-app .home-academy-copy>strong{margin:13px 0 18px;font-size:clamp(37px,11vw,48px)}
  .creator-app .home-academy-copy>button{margin-top:5px}
}

/* Locked mobile onboarding: one screen, swipe between panels, zero page drift. */
html.onboarding-active,
html.onboarding-active body{width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none}
body.onboarding-active #os-cookie-banner,
body.onboarding-active #os-cookie-dialog,
.creator-app .os-cookie-settings{display:none!important}
#artist-onboarding{
  box-sizing:border-box;
  width:100vw;
  max-width:100vw;
  height:100dvh;
  max-height:100dvh;
  overflow:hidden!important;
  overscroll-behavior:none;
}
#onboarding-stage{
  position:relative;
  width:100%;
  max-width:100%;
  height:100%;
  min-height:0;
  overflow:hidden!important;
  overscroll-behavior:none;
  touch-action:pan-y;
}
#onboarding-stage .onboarding-slide{
  position:absolute;
  inset:0;
  width:min(100%,960px);
  max-width:100%;
  height:100%;
  min-height:0;
  margin:auto;
  overflow:hidden;
  animation:onboarding-panel-in .28s cubic-bezier(.22,.75,.2,1) both;
}
@keyframes onboarding-panel-in{from{opacity:.35;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
#onboarding-back,#onboarding-next{border-radius:999px}
@media(max-width:700px){
  #artist-onboarding{
    grid-template-rows:54px minmax(0,1fr) 58px 16px;
    padding:env(safe-area-inset-top) 15px max(7px,env(safe-area-inset-bottom));
  }
  #artist-onboarding>header{width:100%;height:54px;min-height:54px;overflow:hidden}
  #artist-onboarding>header>img{width:136px;max-width:46vw;max-height:30px}
  #artist-onboarding>header>div{gap:8px;font-size:8px}
  #artist-onboarding>header>div img{width:17px;height:17px}
  #onboarding-stage .onboarding-slide,
  #onboarding-stage .onboarding-slide.has-image{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:stretch;
    gap:12px;
    padding:12px 0 8px;
  }
  #onboarding-stage .onboarding-slide.has-image{display:grid;grid-template-rows:minmax(0,52%) minmax(0,48%)}
  .onboarding-visual{
    width:100%;
    max-width:100%;
    height:100%;
    min-height:0;
    margin:0;
    overflow:hidden;
    border:1px solid #b99a5866;
    border-radius:22px;
    background:#151513;
  }
  .onboarding-visual img{width:100%;height:100%;object-fit:cover;object-position:center 43%}
  .onboarding-copy{width:100%;max-width:100%;min-width:0;align-self:center;overflow:hidden}
  .onboarding-copy>.eyebrow{margin:0 0 8px;color:#d4b873;font-size:8px;line-height:1.2}
  .onboarding-copy h1{width:100%;max-width:100%;margin:0;font-size:clamp(32px,10vw,43px);line-height:.92;overflow-wrap:break-word}
  .onboarding-copy>p{width:100%;max-width:100%;margin:10px 0 0;font-size:12px;line-height:1.35}
  .onboarding-tiktok{margin:0 0 8px;font-size:7px}.onboarding-tiktok img{width:19px;height:19px}
  .onboarding-install{margin-top:14px;padding:12px;border-radius:16px}.onboarding-install img{width:46px;height:46px}.onboarding-install strong{font-size:13px}.onboarding-install span{font-size:10px}
  .onboarding-field{gap:7px;margin-top:14px}.onboarding-field textarea,.onboarding-field input{padding:12px;border-radius:14px;font-size:15px}.onboarding-field textarea{min-height:92px;max-height:110px;resize:none}.onboarding-field small{font-size:9px;line-height:1.3}
  #artist-onboarding>footer{width:100%;height:58px;grid-template-columns:64px minmax(58px,1fr) minmax(132px,52%);gap:8px;padding:5px 0;border-top:1px solid #eee8d921}
  #onboarding-back,#onboarding-next{height:48px;min-height:48px;padding:0 14px;font-size:9px}
  #onboarding-back{font-size:9px}
  #onboarding-dots{gap:5px}#onboarding-dots i{width:5px;height:5px}#onboarding-dots i.active{width:18px}
  #onboarding-dots::before{content:'SWIPE';margin-right:3px;color:#8f7541;font:700 7px/1 monospace;letter-spacing:.14em}
  #onboarding-status{height:16px;min-height:16px;margin:0;overflow:hidden;font-size:8px;white-space:nowrap;text-overflow:ellipsis}
}
@media(max-width:390px){
  #artist-onboarding{grid-template-rows:50px minmax(0,1fr) 54px 15px;padding-left:12px;padding-right:12px}
  #artist-onboarding>header{height:50px;min-height:50px}
  #onboarding-stage .onboarding-slide.has-image{grid-template-rows:minmax(0,50%) minmax(0,50%)}
  .onboarding-copy h1{font-size:clamp(30px,9.4vw,38px)}
  .onboarding-copy>p{font-size:11px}
  #artist-onboarding>footer{height:54px}
  #onboarding-next{height:44px;min-height:44px}
}

/* Swipe-only onboarding: progress stays visible; the final action appears on the last screen. */
#artist-onboarding>footer{grid-template-columns:1fr auto 1fr;align-items:center}
#onboarding-dots{grid-column:2;justify-self:center}
#onboarding-next{grid-column:3;min-width:190px;justify-self:end;border-radius:999px}
#onboarding-next[hidden]{display:none!important}
#onboarding-status{text-align:center}
@media(max-width:700px){
  #artist-onboarding{grid-template-rows:54px minmax(0,1fr) 58px 16px}
  #artist-onboarding>footer{display:grid;grid-template-columns:1fr auto 1fr;height:58px;padding:6px 0}
  #onboarding-dots{grid-column:2}
  #onboarding-next{grid-column:1/-1;position:absolute;left:0;right:0;bottom:6px;width:100%;height:48px;min-height:48px}
  #artist-onboarding>footer:has(#onboarding-next:not([hidden])) #onboarding-dots{visibility:hidden}
  #onboarding-dots::before{content:'SWIPE';margin-right:3px;color:#8f7541;font:700 7px/1 monospace;letter-spacing:.14em}
}

/* Final phone layout: every onboarding panel is one fixed, swipeable screen. */
@media(max-width:900px), (hover:none) and (pointer:coarse){
  #artist-onboarding{
    box-sizing:border-box;
    grid-template-rows:58px minmax(0,1fr) 58px 18px!important;
    width:100vw;
    max-width:100vw;
    height:100dvh;
    max-height:100dvh;
    padding:max(8px,env(safe-area-inset-top)) 16px max(7px,env(safe-area-inset-bottom));
    overflow:hidden!important;
  }
  #artist-onboarding>header{width:100%;height:58px;min-height:58px;overflow:hidden}
  #artist-onboarding>header>img{width:136px;max-width:44vw;height:auto;max-height:32px;object-fit:contain}
  #artist-onboarding>header>div{min-width:0;gap:10px;font-size:8px;white-space:nowrap}
  #artist-onboarding>header>div img{width:72px!important;height:auto!important;max-height:24px;object-fit:contain}
  #onboarding-stage{width:100%;height:100%;min-height:0;overflow:hidden!important;touch-action:pan-x}
  #onboarding-stage .onboarding-slide,
  #onboarding-stage .onboarding-slide.has-image{
    box-sizing:border-box;
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:12px;
    width:100%;
    max-width:100%;
    height:100%;
    min-width:0;
    min-height:0;
    padding:10px 0 7px;
    overflow:hidden!important;
  }
  #onboarding-stage .onboarding-slide.has-image{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,52%) minmax(0,48%)!important}
  #onboarding-stage .onboarding-visual{box-sizing:border-box;width:100%;max-width:100%;height:100%;min-height:0;margin:0;overflow:hidden;border-radius:20px}
  #onboarding-stage .onboarding-visual img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center 43%}
  #onboarding-stage .onboarding-copy{box-sizing:border-box;width:100%;max-width:100%;min-width:0;overflow:hidden}
  #onboarding-stage .onboarding-copy>.eyebrow{margin:0 0 7px;font-size:8px;line-height:1.2}
  #onboarding-stage .onboarding-copy h1{width:100%;max-width:100%;margin:0;font-size:clamp(31px,9.5vw,43px);line-height:.91;overflow-wrap:anywhere}
  #onboarding-stage .onboarding-copy>p{width:100%;max-width:100%;margin:9px 0 0;font-size:11px;line-height:1.32;overflow-wrap:anywhere}
  #onboarding-stage .onboarding-tiktok{min-width:0;margin:0 0 7px;gap:8px;font-size:6.5px;line-height:1.2;letter-spacing:.1em;overflow:hidden}
  #onboarding-stage .onboarding-tiktok img{flex:0 0 auto;width:70px;height:auto;max-height:22px}
  #onboarding-stage .onboarding-tiktok span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #onboarding-stage .onboarding-install{box-sizing:border-box;width:100%;max-width:100%;margin-top:12px;padding:11px;border-radius:15px}
  #onboarding-stage .onboarding-install img{width:44px;height:44px}
  #onboarding-stage .onboarding-install strong{font-size:13px}
  #onboarding-stage .onboarding-install span{font-size:9px;line-height:1.3}
  #onboarding-stage .onboarding-field{width:100%;max-width:100%;gap:6px;margin-top:11px}
  #onboarding-stage .onboarding-field textarea{box-sizing:border-box;width:100%;min-height:86px;max-height:100px;padding:11px;border-radius:14px;resize:none;font-size:14px}
  #onboarding-stage .onboarding-field small{font-size:8px;line-height:1.25}
  #artist-onboarding>footer{position:relative;box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr!important;width:100%;height:58px;padding:6px 0;border-top:1px solid #eee8d921}
  #onboarding-dots{grid-column:2;justify-self:center}
  #onboarding-next{grid-column:1/-1;position:absolute;inset:5px 0 auto;width:100%;height:48px;min-height:48px;border-radius:999px}
  #artist-onboarding>footer:has(#onboarding-next:not([hidden])) #onboarding-dots{visibility:hidden}
  #onboarding-status{width:100%;height:18px;min-height:18px;margin:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}

  .creator-app .top-five-controls{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;width:100%!important;margin:0!important;overflow:visible!important}
  .creator-app .top-five-controls button{box-sizing:border-box;width:100%!important;min-width:0!important;padding:11px 2px!important;font-size:7.5px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .creator-app .top-five-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
  .creator-app .top-five-creator{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
  .creator-app .top-five-avatar{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .creator-app .top-five-creator>small,.creator-app .top-five-creator>em{display:block;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .creator-app .academy-content{padding-bottom:calc(106px + env(safe-area-inset-bottom))!important}
  .creator-app .academy-rail{position:fixed!important;display:flex!important;visibility:visible!important;opacity:1!important;z-index:120!important}
}

@media(max-width:390px){
  #artist-onboarding{grid-template-rows:52px minmax(0,1fr) 54px 16px!important;padding-left:12px;padding-right:12px}
  #artist-onboarding>header{height:52px;min-height:52px}
  #artist-onboarding>header>div img{width:62px!important}
  #onboarding-stage .onboarding-slide.has-image{grid-template-rows:minmax(0,49%) minmax(0,51%)!important}
  #onboarding-stage .onboarding-copy h1{font-size:clamp(29px,9vw,37px)}
  #artist-onboarding>footer{height:54px}
  #onboarding-next{height:44px;min-height:44px}
}

/* Artist dock: one capsule and a separate portrait, with no inherited sidebar styling. */
body.creator-app #academy>.academy-rail{
  position:fixed!important;inset:auto auto calc(12px + env(safe-area-inset-bottom)) 50%;
  display:grid!important;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:12px;
  width:min(calc(100% - 28px),560px);height:68px;padding:0;margin:0;transform:translateX(-50%);
  border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
  overflow:visible;z-index:120;
}
body.creator-app #academy-nav{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;
  width:100%;height:68px;min-width:0;margin:0;padding:5px;
  border:1px solid #eee8d930;border-radius:999px;background:#171715;
  box-shadow:0 8px 26px #0008;overflow:hidden;backdrop-filter:none;-webkit-backdrop-filter:none;
}
body.creator-app #academy-nav button{
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;
  min-width:0;width:100%;height:56px;padding:5px 2px!important;margin:0;
  border:0!important;border-radius:999px!important;background:transparent;color:#aaa599;
  font:600 11px/1.15 Arial,Helvetica,sans-serif;letter-spacing:0;white-space:nowrap;
}
body.creator-app #academy-nav button>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:50%;color:inherit}
body.creator-app #academy-nav button>span svg{display:block;width:24px;height:24px;stroke-width:1.6}
body.creator-app #academy-nav button.active{background:transparent;color:#d4b873}
body.creator-app #academy-nav button.active>span{color:inherit;border-color:#d4b873;background:#d4b8730d}
body.creator-app #academy-nav button:focus-visible{outline:2px solid #d4b873;outline-offset:-3px}
body.creator-app #academy>.academy-rail #creator-account{
  position:relative;display:grid;width:64px;height:64px;min-width:0;margin:0;padding:0!important;
  border:3px solid #eee8d9!important;border-radius:50%;outline:0;background:#242421!important;
  color:#eee8d9;box-shadow:0 8px 26px #0008;transform:none;overflow:hidden;font:700 22px/1 Arial,sans-serif;
}
body.creator-app #academy>.academy-rail #creator-account::before{content:none}
body.creator-app #academy>.academy-rail .creator-account-avatar{width:100%;height:100%;border-radius:50%;overflow:hidden}
body.creator-app #academy{padding-bottom:0}
body.creator-app .academy-content{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
body.creator-app .top-five-list{padding-top:8px;padding-bottom:4px;overflow:visible!important}
body.creator-app .top-five-creator{padding-top:4px;contain:none;overflow:visible!important}
body.creator-app .top-five-crown{top:0;right:calc(50% - 28px);width:20px;height:20px;border:2px solid #0e0e0d;box-shadow:none}
body.creator-app .top-five-crown svg{width:13px;height:13px}
body.creator-app .top-five-creator>b{font-size:11px;margin-top:7px}
body.creator-app .top-five-creator>small{display:block;font-size:10px;line-height:1.3;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.creator-app .profile-tiktok{min-height:58px;gap:13px;border-radius:999px;padding:13px 24px;font:700 15px/1.2 Arial,sans-serif;letter-spacing:0}
.profile-tiktok-icon{display:block;flex:0 0 28px;width:28px;height:28px}
.profile-external-icon{display:block;flex:0 0 23px;width:23px;height:23px}
@media(max-width:900px), (hover:none) and (pointer:coarse){
  body.creator-app .top-five-avatar{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
  body.creator-app .top-five-controls button{font-size:10px!important;min-height:40px;padding:9px 2px!important;letter-spacing:0}
}
@media(max-width:360px){
  body.creator-app #academy>.academy-rail{width:calc(100% - 20px);grid-template-columns:minmax(0,1fr) 58px;gap:8px}
  body.creator-app #academy>.academy-rail #creator-account{width:58px;height:58px}
  body.creator-app #academy-nav button{font-size:10px}
  body.creator-app .top-five-controls button{font-size:9px!important}
  body.creator-app .top-five-avatar{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  body.creator-app .top-five-crown{right:calc(50% - 25px)}
}

/* Academy library: thumbnail-first lesson discovery. */
body.creator-app[data-creator-view="training"] .view-header{padding-bottom:28px}
.academy-spotlight-slot{margin:0 0 32px}
.academy-spotlight{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);min-height:390px;overflow:hidden;border:1px solid #d7ba68;background:#eee8d9;color:#0e0e0d;text-decoration:none;box-shadow:0 22px 70px #0008}
.academy-spotlight>figure{position:relative;min-height:390px;margin:0;overflow:hidden;background:#23211d}
.academy-spotlight>figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#0009)}
.academy-spotlight>figure>img{display:block;width:100%;height:100%;min-height:390px;object-fit:cover;object-position:center}
.academy-spotlight>figure>span{position:absolute;z-index:1;left:22px;bottom:20px;display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #eee8d980;background:#11110ed9;color:#eee8d9;font:800 8px/1 Arial,sans-serif;letter-spacing:.11em;backdrop-filter:blur(9px)}
.academy-spotlight svg,.course-thumbnail svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.academy-spotlight>figure>span svg{fill:#d7ba68;stroke:#d7ba68}
.academy-spotlight>div{display:flex;min-width:0;flex-direction:column;padding:38px}
.academy-spotlight .eyebrow{margin:0;color:#7a6534}
.academy-spotlight h3{margin:24px 0 16px;font-size:clamp(34px,4.5vw,60px);font-weight:550;line-height:.94;letter-spacing:-.055em}
.academy-spotlight>div>p:not(.eyebrow){margin:0;color:#575249;font-size:15px;line-height:1.55}
.academy-spotlight>div>strong{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:30px;border-top:1px solid #17171536;font:900 10px/1 Arial,sans-serif;letter-spacing:.1em}
.academy-spotlight>div>strong span{font-size:19px;font-weight:400}
.academy-spotlight:hover>figure>img{transform:scale(1.015)}
.academy-spotlight>figure>img{transition:transform .35s ease}
.academy-section-heading{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1fr);gap:42px;align-items:end;margin:64px 0 18px;padding-bottom:18px;border-bottom:1px solid #eee8d929}
.academy-section-heading .section-label{margin:0 0 12px;color:#d7ba68}
.academy-section-heading h3{margin:0;color:#eee8d9;font-size:clamp(28px,4vw,48px);font-weight:520;line-height:.96;letter-spacing:-.045em}
.academy-section-heading>p{max-width:610px;margin:0;color:#aaa599;font-size:15px;line-height:1.55}
body.creator-app .course-list{gap:20px;margin-bottom:0}
body.creator-app .course-unit{overflow:hidden;border-color:#eee8d92e;background:#151513}
body.creator-app .course-row{display:grid;grid-template-columns:minmax(250px,34%) minmax(0,1fr) auto;gap:28px;align-items:center;min-height:220px;padding:0;color:#eee8d9}
body.creator-app .course-unit:not(.locked):not(.complete) .course-row{box-shadow:none}
.course-thumbnail{position:relative;align-self:stretch;min-height:220px;margin:0;overflow:hidden;background:#24221f}
.course-thumbnail::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0001 42%,#000b)}
.course-thumbnail>img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;object-position:center;transition:transform .35s ease,filter .25s ease}
.course-row:hover .course-thumbnail>img{transform:scale(1.025)}
.course-thumbnail-index,.course-thumbnail-format,.course-thumbnail-state{position:absolute;z-index:1}
.course-thumbnail-index{top:14px;left:14px;display:grid;place-items:center;width:72px;height:72px;border:1px solid #d7ba68;background:#11110ded;color:#e9cd8a;font:800 40px/1 'IBM Plex Mono',monospace;letter-spacing:-.05em;backdrop-filter:blur(8px)}
.course-thumbnail-format{left:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #eee8d970;background:#11110ddd;color:#eee8d9;font:800 8px/1 Arial,sans-serif;letter-spacing:.1em;backdrop-filter:blur(8px)}
.course-thumbnail-format svg{width:15px;height:15px;color:#d7ba68}
.course-thumbnail-state{top:14px;right:14px;padding:8px 10px;border:1px solid #d7ba68;background:#d7ba68;color:#11110f;font:900 8px/1 Arial,sans-serif;letter-spacing:.08em}
body.creator-app .course-copy{gap:9px;padding:28px 0}
body.creator-app .course-copy small{color:#d1b76f}
body.creator-app .course-copy strong{font-size:clamp(26px,3vw,39px);line-height:.98}
body.creator-app .course-copy>span:not(.course-media-type){max-width:650px;color:#aaa599;font-size:14px;line-height:1.5}
body.creator-app .course-action{margin-right:28px;padding:12px 0;border-bottom:1px solid #d7ba68;color:#d7ba68;font-weight:800}
body.creator-app .course-requirements{margin:0 28px 20px calc(34% + 28px);padding:16px 0 0;border-top:1px solid #eee8d91c;border-left:0}
body.creator-app .course-requirement{grid-template-columns:28px 1fr}
body.creator-app .requirement-mark{width:28px;margin-left:0}
body.creator-app .course-unit.locked .course-thumbnail>img{filter:grayscale(1) brightness(.46)}
body.creator-app .course-unit.locked .course-copy,body.creator-app .course-unit.locked .course-action{opacity:.62}
body.creator-app .course-unit.complete{border-color:#d7ba6873}
body.creator-app .course-unit.complete .course-thumbnail::after{background:linear-gradient(180deg,#a8863420 35%,#000b)}
body.creator-app .maono-banner{margin-top:22px;margin-bottom:10px}

@media(max-width:900px){
  .academy-spotlight{grid-template-columns:1fr 1fr;min-height:340px}
  .academy-spotlight>figure,.academy-spotlight>figure>img{min-height:340px}
  .academy-spotlight>div{padding:28px}
  body.creator-app .course-row{grid-template-columns:minmax(210px,38%) minmax(0,1fr);gap:22px}
  body.creator-app .course-action{grid-column:2;margin:0 22px 22px 0;width:max-content}
  body.creator-app .course-requirements{margin-left:calc(38% + 22px)}
}

@media(max-width:700px){
  body.creator-app[data-creator-view="training"] .artist-heading{margin-bottom:20px}
  body.creator-app[data-creator-view="training"] .view-header{position:absolute!important;width:1px;height:1px;margin:-1px!important;padding:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .academy-spotlight-slot{margin-bottom:22px}
  .academy-spotlight{display:block;min-height:0;box-shadow:0 18px 45px #0008}
  .academy-spotlight>figure{min-height:0;aspect-ratio:16/9}
  .academy-spotlight>figure>img{min-height:0;aspect-ratio:16/9}
  .academy-spotlight>figure>span{left:14px;bottom:13px;padding:7px 9px;font-size:7px}
  .academy-spotlight>div{min-height:270px;padding:23px 21px}
  .academy-spotlight h3{margin:18px 0 12px;font-size:clamp(35px,10vw,46px)}
  .academy-spotlight>div>p:not(.eyebrow){font-size:13px}
  .academy-spotlight>div>strong{padding-top:22px}
  body.creator-app[data-creator-view="training"] .status-path{margin-bottom:35px}
  .academy-section-heading{display:block;margin:47px 0 15px;padding-bottom:15px}
  .academy-section-heading .section-label{margin-bottom:9px}
  .academy-section-heading h3{font-size:34px}
  .academy-section-heading>p{margin-top:12px;font-size:13px}
  body.creator-app .course-list{gap:16px}
  body.creator-app .course-row{display:grid;grid-template-columns:1fr;gap:0;min-height:0}
  .course-thumbnail{min-height:0;aspect-ratio:16/9}
  .course-thumbnail>img{min-height:0;aspect-ratio:16/9}
  .course-thumbnail-index{top:11px;left:11px;width:60px;height:60px;font-size:34px}
  .course-thumbnail-format{left:11px;bottom:11px}
  .course-thumbnail-state{top:11px;right:11px}
  body.creator-app .course-copy{padding:21px 18px 12px}
  body.creator-app .course-copy strong{font-size:30px}
  body.creator-app .course-copy>span:not(.course-media-type){font-size:13px}
  body.creator-app .course-action{grid-column:1;margin:0 18px 18px;padding:10px 0;width:max-content}
  body.creator-app .course-requirements{margin:0 18px 18px;padding-top:14px}
  body.creator-app .maono-banner{margin-top:18px}
}

@media(prefers-reduced-motion:reduce){.academy-spotlight>figure>img,.course-thumbnail>img{transition:none}}

/* TikTok-first artist sign-in. The authenticated creator app remains unchanged. */
body:not(.creator-app):not(.onboarding-active):not(.lesson-page-body){min-height:100dvh;overflow:hidden;background:#0e0e0d}
body:not(.creator-app):not(.onboarding-active):not(.lesson-page-body)>.access-header,
body:not(.creator-app):not(.onboarding-active):not(.lesson-page-body)>footer{display:none}
body:not(.creator-app):not(.onboarding-active):not(.lesson-page-body)>main{min-height:100dvh}
body:not(.creator-app):not(.onboarding-active) #access-login.login-shell{position:relative;isolation:isolate;display:grid;min-height:100dvh;place-items:center;overflow:hidden;padding:calc(34px + env(safe-area-inset-top)) max(24px,6vw) calc(34px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 8%,#d4b8731c 0,transparent 31%),linear-gradient(155deg,#151513 0,#0e0e0d 58%,#090909 100%)}
body:not(.creator-app):not(.onboarding-active) #access-login::before,
body:not(.creator-app):not(.onboarding-active) #access-login::after{content:"";position:absolute;z-index:-1;border:1px solid #d4b87322;border-radius:50%;pointer-events:none}
body:not(.creator-app):not(.onboarding-active) #access-login::before{width:min(86vw,760px);aspect-ratio:1;top:-53%;left:50%;transform:translateX(-50%)}
body:not(.creator-app):not(.onboarding-active) #access-login::after{width:min(72vw,600px);aspect-ratio:1;right:-33%;bottom:-48%}
.tiktok-login-card{display:flex;width:min(100%,460px);min-height:min(690px,calc(100dvh - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));flex-direction:column;align-items:center;justify-content:center;text-align:center}
.tiktok-login-brand{display:grid;justify-items:center;gap:17px;margin-bottom:clamp(58px,11vh,104px)}
.tiktok-login-brand img{display:block;width:min(76vw,288px);height:auto;filter:drop-shadow(0 18px 34px #0008)}
.tiktok-login-brand span{color:#d4b873;font:700 9px/1 monospace;letter-spacing:.38em;text-indent:.38em}
.tiktok-login-copy{display:grid;justify-items:center}
.tiktok-login-copy .eyebrow{margin:0 0 15px;color:#8f8a80;font-size:9px}
.tiktok-login-copy h1{margin:0;color:#eee8d9;font-size:clamp(42px,10vw,60px);font-weight:560;line-height:.95;letter-spacing:-.055em}
.tiktok-login-copy>p:last-child{max-width:370px;margin:18px auto 0;color:#aaa599;font-size:14px;line-height:1.5}
.tiktok-sign-in{display:flex;width:100%;min-height:60px;align-items:center;justify-content:center;gap:14px;margin-top:36px;padding:14px 24px;border:1px solid #fff;border-radius:8px;background:#fff;color:#161823;text-decoration:none;box-shadow:0 16px 46px #0008;font-size:15px;font-weight:750;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.tiktok-sign-in svg{width:26px;height:26px;flex:none;overflow:visible}
.tiktok-sign-in:hover{background:#f7f7f7;box-shadow:0 20px 56px #000a;transform:translateY(-2px)}
.tiktok-sign-in:active{transform:translateY(0)}
.tiktok-sign-in:focus-visible{outline:2px solid #d4b873;outline-offset:5px}
.tiktok-login-card #access-message{width:100%;min-height:0;margin:18px 0 0;padding:13px 15px;border:1px solid #d4b8735c;background:#d4b8730d;color:#e5d29d;border-radius:6px;font-size:12px;line-height:1.45}
.tiktok-login-card #access-message:empty{display:none}
.tiktok-login-note{margin:18px 0 0;color:#6f6b63;font:8px/1.4 monospace;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:540px){
  body:not(.creator-app):not(.onboarding-active) #access-login.login-shell{padding-left:22px;padding-right:22px}
  body:not(.creator-app):not(.onboarding-active) #access-login::before{top:-32%;width:132vw}
  body:not(.creator-app):not(.onboarding-active) #access-login::after{right:-68%;bottom:-24%;width:110vw}
  .tiktok-login-card{min-height:calc(100dvh - 68px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
  .tiktok-login-brand{margin-bottom:clamp(48px,9vh,78px)}
  .tiktok-login-copy h1{font-size:clamp(42px,13vw,54px)}
  .tiktok-sign-in{min-height:58px;margin-top:30px}
}
@media(max-height:650px){
  .tiktok-login-card{justify-content:flex-start;min-height:0;padding:5vh 0 3vh}
  .tiktok-login-brand{margin-bottom:36px}
  .tiktok-login-brand img{width:min(62vw,230px)}
  .tiktok-login-copy h1{font-size:40px}
  .tiktok-sign-in{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.tiktok-sign-in{transition:none}}
.lesson-tiktok-sign-in{display:inline-flex;min-height:58px;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border:1px solid #eee8d9;border-radius:8px;background:#eee8d9;color:#161513;text-decoration:none;font-weight:750;box-shadow:0 16px 40px #0007}.lesson-tiktok-sign-in img{width:26px!important;height:26px!important;object-fit:contain}.lesson-tiktok-sign-in:hover{background:#fff;transform:translateY(-2px)}

/* My Journey pairs related metrics while keeping fans and partner savings full width. */
body.creator-app .diamond-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.creator-app .diamond-detail-grid article{min-width:0;min-height:170px;padding:22px;border-radius:20px;border:1px solid #eee8d92b;background:#20201d!important;color:#eee8d9}
body.creator-app .diamond-detail-grid article>span{font:700 10px/1.3 Arial,sans-serif;letter-spacing:.09em;color:inherit}
body.creator-app .diamond-detail-grid article strong{font-size:clamp(32px,9vw,48px);line-height:1.05;letter-spacing:-.055em;overflow-wrap:anywhere}
body.creator-app .diamond-detail-grid article small{font-size:12px;line-height:1.35;color:inherit;opacity:.8}
body.creator-app .diamond-detail-grid .journey-days{background:#eee8d9!important;color:#171715;border-color:#eee8d9}
body.creator-app .diamond-detail-grid .journey-previous{background:#252520!important;color:#eee8d9}
body.creator-app .diamond-detail-grid .journey-hours{background:linear-gradient(135deg,#e3cd97,#ad8b4e)!important;color:#201a10;border-color:#c6ab70}
body.creator-app .diamond-detail-grid .journey-battles{background:#373631!important;color:#eee8d9}
body.creator-app .diamond-detail-grid .journey-fans{grid-column:1/-1;min-height:164px;background:linear-gradient(130deg,#25221a,#131311)!important;color:#eee8d9;border-color:#a58a4e80}
body.creator-app .journey-equipment{grid-template-columns:1fr;gap:15px;padding:24px;margin-top:16px;border-radius:20px}

/* Public artist identity uses TikTok handles and keeps portraits centered at every size. */
body.creator-app .top-five-avatar img,
body.creator-app .ranking-card-avatar img,
body.creator-app .creator-account-avatar img,
body.creator-app .community-profile-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
body.creator-app .ranking-card-identity strong{overflow-wrap:anywhere;white-space:normal;line-height:1.12}
body.creator-app .community-profile-copy h2{overflow-wrap:anywhere}
.settings-reminders .settings-status{color:#b8b4aa}
.settings-card .settings-reminder-toggle[aria-checked="false"]{border-color:#eee8d966;background:transparent;color:var(--paper)}

@media(max-width:700px){
  body.creator-app .community-profile-hero{display:block}
  body.creator-app .community-profile-photo{width:min(82vw,350px);margin:0 auto}
  body.creator-app .community-profile-photo::after{height:24%;border-radius:0 0 26px 26px}
  body.creator-app .community-profile-avatar{width:100%;aspect-ratio:1;border:1px solid #b99a58;border-radius:26px}
  body.creator-app .community-profile-copy{margin-top:-28px;padding:0 4px;text-align:center}
  body.creator-app .community-profile-copy h2{margin:14px auto 0;max-width:100%;font-size:clamp(34px,10vw,48px);line-height:.94;letter-spacing:-.05em}
  body.creator-app .profile-rank{position:relative;z-index:2;display:inline-block;padding:8px 12px;border:1px solid #b99a586b;border-radius:999px;background:#0e0e0d}
  body.creator-app .profile-actions{margin-top:22px}
}

/* Keep the Maono offer readable and prominent on every device. */
body.creator-app .home-partners a,
body.creator-app .maono-banner>a,
body.creator-app .lesson-partner-note a{min-height:54px;padding:14px 18px;font-size:14px;line-height:1.2;letter-spacing:.01em}
@media(max-width:700px){
  body.creator-app .home-partners a,
  body.creator-app .maono-banner>a,
  body.creator-app .lesson-partner-note a{min-height:52px;margin-top:14px;padding:13px 12px;font-size:13px;line-height:1.2}
}
body.creator-app .journey-equipment .maono-banner-brand{flex-direction:row;align-items:center;justify-content:space-between}
body.creator-app .journey-equipment .maono-banner-copy strong{font-size:clamp(26px,7vw,36px);line-height:1.05;letter-spacing:-.04em}
body.creator-app .journey-equipment .maono-banner-copy p{margin-top:8px;font-size:13px}
body.creator-app .journey-equipment>a{grid-column:auto;width:100%;max-width:none;margin:0;border-radius:999px;min-height:52px}
@media(max-width:360px){body.creator-app .diamond-detail-grid{gap:9px}body.creator-app .diamond-detail-grid article{padding:17px;min-height:156px}body.creator-app .journey-equipment{padding:20px}}
body.creator-app #academy-view .diamond-detail-grid article>span,
body.creator-app #academy-view .diamond-detail-grid article small{color:inherit}

/* Owner-only artist preview control. */
.owner-view-as{position:sticky;z-index:180;top:0;box-sizing:border-box;width:100%;min-height:calc(44px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(18px,4vw) 0;border-bottom:1px solid #f0d78566;background:linear-gradient(100deg,#8f6d2d,#d7ba68 52%,#9d7937);color:#10100f;box-shadow:0 8px 28px #0008}
.owner-view-as>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:0;border:0;background:transparent;color:inherit;text-align:left}
.owner-view-as>button span{font:700 9px/1 'IBM Plex Mono',monospace;letter-spacing:.14em}
.owner-view-as>button strong{font:800 12px/1 Arial,sans-serif;letter-spacing:.04em}
.owner-view-as>div{position:absolute;top:calc(100% + 8px);right:max(18px,4vw);display:grid;grid-template-columns:minmax(220px,340px) auto;gap:10px;align-items:end;width:min(580px,calc(100vw - 36px));padding:16px;border:1px solid #d7ba687d;border-radius:18px;background:#171715;color:#eee8d9;box-shadow:0 18px 48px #000c}
.owner-view-as>div[hidden]{display:none}
.owner-view-as label{display:grid;gap:7px;font:700 9px/1 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#d7ba68}
.owner-view-as select{width:100%;min-height:44px;padding:0 38px 0 13px;border:1px solid #eee8d933;border-radius:10px;background:#242421;color:#eee8d9;font:700 14px/1 Arial,sans-serif}
.owner-view-as #owner-view-as-close{min-height:44px;padding:0 16px;border:1px solid #d7ba68;border-radius:10px;background:#d7ba68;color:#111;font:800 11px/1 Arial,sans-serif;letter-spacing:.06em}
.owner-view-as #owner-social-refresh{min-height:44px;padding:0 16px;border:1px solid #d7ba68;border-radius:10px;background:transparent;color:#d7ba68;font:800 10px/1 Arial,sans-serif;letter-spacing:.05em}
body.creator-app.owner-view-as-enabled .access-header{top:calc(44px + env(safe-area-inset-top))}
@media(max-width:700px){.owner-view-as{min-height:calc(40px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0}.owner-view-as>button{min-height:40px}.owner-view-as>div{right:12px;grid-template-columns:1fr;width:calc(100vw - 24px)}body.creator-app.owner-view-as-enabled .access-header{top:calc(40px + env(safe-area-inset-top))}}

/* App-wide pull-to-refresh feedback for installed and mobile Artist access. */
.artist-pull-refresh{--pull:0px;position:fixed;z-index:160;left:50%;top:max(8px,env(safe-area-inset-top));display:flex;align-items:center;gap:9px;min-height:36px;padding:8px 14px;border:1px solid #b99a5870;border-radius:999px;background:#171715ed;color:#d8bc70;box-shadow:0 12px 30px #0008;opacity:0;pointer-events:none;transform:translate(-50%,calc(var(--pull) - 58px)) scale(.92);transition:opacity .16s,transform .18s;white-space:nowrap}
.artist-pull-refresh.visible{opacity:1;transform:translate(-50%,calc(var(--pull) - 38px)) scale(1)}
.artist-pull-refresh i{width:14px;height:14px;border:2px solid #d8bc7045;border-top-color:#d8bc70;border-radius:50%;transform:rotate(calc(var(--pull) * 4deg))}
.artist-pull-refresh span{font:700 9px/1 'IBM Plex Mono',monospace;letter-spacing:.1em}
.artist-pull-refresh.armed{background:#d8bc70;color:#111;border-color:#d8bc70}.artist-pull-refresh.armed i{border-color:#1114;border-top-color:#111}
.artist-pull-refresh.refreshing i{animation:artist-refresh-spin .65s linear infinite}
@keyframes artist-refresh-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.artist-pull-refresh{transition:none}.artist-pull-refresh.refreshing i{animation:none}}

/* Artist home: Academy, assigned manager, then the artist's private progress. */
body.creator-app .app-home-intro #home-first-name{font:inherit;color:inherit}
body.creator-app .home-intro-copy{max-width:600px;margin:22px 0 0;color:#aaa599;font-size:15px;line-height:1.55}
body.creator-app .assigned-manager-card{
  display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center;
  min-height:0;margin-top:14px;padding:18px 20px;overflow:hidden;
  border:1px solid #eee8d938;background:#171715;color:#eee8d9;
}
body.creator-app .assigned-manager-photo{position:relative;width:96px;height:96px;min-height:0;overflow:hidden;border:1px solid #d7ba6866;border-radius:50%;background:#24221d}
body.creator-app .assigned-manager-photo::after{content:none}
body.creator-app .assigned-manager-avatar{display:grid;place-items:center;width:100%;height:100%;color:#eee8d9;font-size:30px;font-weight:700}
body.creator-app .assigned-manager-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body.creator-app .assigned-manager-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label actions" "handle actions" "title actions";column-gap:24px;align-items:center;min-width:0;padding:0}
body.creator-app .assigned-manager-copy .eyebrow{grid-area:label;margin:0;color:#c9c4b8;font-size:8px}
body.creator-app .assigned-manager-copy h3{grid-area:handle;max-width:100%;margin:6px 0 3px;font-size:clamp(22px,3vw,30px);font-weight:600;line-height:1;letter-spacing:-.035em;overflow-wrap:anywhere}
body.creator-app .assigned-manager-copy>strong{grid-area:title;display:block;color:#aaa599;font-size:12px;line-height:1.35}
body.creator-app .assigned-manager-copy>p:not(.eyebrow){display:none}
body.creator-app .assigned-manager-actions{grid-area:actions;display:flex;gap:7px;width:auto;margin:0}
body.creator-app .assigned-manager-actions button,
body.creator-app .assigned-manager-actions a{display:flex;min-height:40px;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #eee8d9;background:#eee8d9;color:#0e0e0d;text-align:center;text-decoration:none;font:800 8px/1.2 Arial,sans-serif;letter-spacing:.06em;white-space:nowrap}
body.creator-app .assigned-manager-actions a{background:transparent;color:#eee8d9}
body.creator-app .assigned-manager-actions button:hover{background:#fffaf0}
body.creator-app .assigned-manager-actions a:hover{background:#eee8d90d}
body.creator-app .private-journey-summary{margin-top:14px;padding:30px;border:1px solid #eee8d924;background:#121210}
body.creator-app .private-journey-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}
body.creator-app .private-journey-heading .eyebrow{margin:0;color:#c9c4b8}
body.creator-app .private-journey-heading h3{margin:12px 0 0;font-size:clamp(30px,5vw,43px);font-weight:540;line-height:.95;letter-spacing:-.045em}
body.creator-app .private-journey-heading>button{min-height:48px;padding:0 18px;border:1px solid #eee8d95c;background:transparent;color:#eee8d9;font:800 9px/1 Arial,sans-serif;letter-spacing:.08em}
body.creator-app .private-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:26px;background:#eee8d924;border:1px solid #eee8d924}
body.creator-app .private-journey-grid article{display:flex;min-width:0;min-height:145px;flex-direction:column;padding:19px;background:#171715}
body.creator-app .private-journey-grid span{color:#c9c4b8;font:700 9px/1.2 monospace;letter-spacing:.1em}
body.creator-app .private-journey-grid strong{margin:auto 0 5px;font-size:clamp(29px,6vw,42px);font-weight:550;line-height:1;letter-spacing:-.045em;overflow-wrap:anywhere}
body.creator-app .private-journey-grid small{color:#8f8a80;font-size:10px;line-height:1.35}
@media(max-width:700px){
  body.creator-app .home-intro-copy{font-size:14px}
  body.creator-app .assigned-manager-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center;min-height:0;padding:14px;border-radius:2px}
  body.creator-app .assigned-manager-photo{width:82px;height:82px;min-height:0}
  body.creator-app .assigned-manager-copy{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "handle" "title" "actions";column-gap:0;align-items:start;padding:0}
  body.creator-app .assigned-manager-copy h3{margin:5px 0 2px;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.creator-app .assigned-manager-copy>strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.creator-app .assigned-manager-actions{display:flex;gap:6px;margin-top:9px}
  body.creator-app .assigned-manager-actions button,
  body.creator-app .assigned-manager-actions a{min-height:34px;padding:7px 9px;font-size:7px}
  body.creator-app .private-journey-summary{padding:23px 18px}
  body.creator-app .private-journey-heading{display:block}
  body.creator-app .private-journey-heading>button{width:100%;margin-top:20px}
  body.creator-app .private-journey-grid{grid-template-columns:1fr;margin-top:18px}
  body.creator-app .private-journey-grid article{min-height:118px}
  body.creator-app .private-journey-grid strong{font-size:38px}
}
@media(max-width:360px){
  body.creator-app .assigned-manager-card{grid-template-columns:72px minmax(0,1fr);gap:11px;padding:12px}
  body.creator-app .assigned-manager-photo{width:72px;height:72px}
  body.creator-app .assigned-manager-copy h3{font-size:18px}
  body.creator-app .assigned-manager-actions button,
  body.creator-app .assigned-manager-actions a{padding:6px 7px;letter-spacing:.035em}
  body.creator-app .private-journey-summary{padding:20px 15px}
}

/* Keep lesson navigation clear and separate from native video controls. */
.lesson-page-body{--lesson-header-height:92px}
.lesson-page-body .lesson-number{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.lesson-page-body .lesson-number-value{font:800 clamp(52px,8vw,80px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.05em;color:#e9cd8a}
.lesson-page-body .lesson-number-label{font:600 12px/1.4 monospace;letter-spacing:.12em}
.access-header .access-site-brand img{height:auto;object-fit:contain}
.lesson-page-body .lesson-site-header{justify-content:space-between}
.lesson-page-body .lesson-site-header .lesson-back{display:flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:10px 0;border:0;font:700 14px/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;color:#e9cd8a;text-decoration:none;white-space:nowrap}
.lesson-page-body .lesson-site-header .lesson-back svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lesson-page-body .lesson-site-header .lesson-brand{display:flex;align-items:center;min-height:44px;flex-shrink:0}
.lesson-page-body .lesson-site-header .lesson-brand img{display:block;width:166px;height:auto;object-fit:contain}
.lesson-page-body .lesson-site-header a:focus-visible{outline:2px solid #e9cd8a;outline-offset:5px;border-radius:3px}
.lesson-page-body .session-app{scroll-margin-top:calc(var(--lesson-header-height) + 12px)}
.lesson-page-body .session-progress-track span{background:linear-gradient(90deg,#a47e3c,#ebd39a)}
.lesson-page-body .session-tabs button{min-height:58px;text-align:center;color:#aaa69c;border-bottom:3px solid transparent}
.lesson-page-body .session-tabs button.active{color:#e9cd8a;border-bottom-color:#d7b66c;background:#d7b66c0d}
.lesson-page-body .session-stage{min-height:0;touch-action:auto}
.lesson-page-body .session-controls{gap:12px;padding:10px;border-radius:16px}
.lesson-page-body .session-controls button{min-height:54px;padding:12px 18px;text-align:center;font:700 16px/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;border-radius:10px}
.lesson-page-body #session-previous{border:1px solid #ffffff30;background:transparent}
.lesson-page-body #session-next{background:linear-gradient(135deg,#ead29b,#c09b52);color:#14130f;box-shadow:0 4px 16px #0003}
.lesson-page-body #session-next:hover{background:#f0dcaf}
.lesson-page-body .session-controls>span{padding:0 8px;font:600 12px/1.3 Arial,Helvetica,sans-serif;white-space:nowrap}
.lesson-page-body .session-chapter{padding-bottom:24px}
.lesson-page-body .lesson-media-frame{border-radius:12px}
.lesson-page-body .lesson-media video{touch-action:auto}
.lesson-media-status{display:grid;justify-items:center;gap:12px;padding:28px 22px;text-align:center;color:#eee8d9;background:#1d1c18;border:1px solid #d7b66c55;border-radius:12px}
.lesson-media-status strong{font-size:18px;line-height:1.3}
.lesson-media-status p{max-width:42ch;margin:0;color:#c0bbae;font-size:15px;line-height:1.5}
.lesson-media-status button{min-height:48px;min-width:150px;padding:12px 22px;border:1px solid #d7b66c;border-radius:8px;background:#d7b66c;color:#14130f;font-size:15px;font-weight:700}
.lesson-media-frame.has-media-error{aspect-ratio:auto!important}
.lesson-media-frame .lesson-media-status{border:0;border-radius:0;min-height:220px}
@media(max-width:850px){
  .lesson-page-body{--lesson-header-height:calc(66px + env(safe-area-inset-top))}
  .lesson-page-body .lesson-site-header{height:var(--lesson-header-height);padding:env(safe-area-inset-top) 16px 0;gap:16px}
  .lesson-page-body .lesson-site-header .lesson-brand img{width:120px;height:auto}
  .lesson-page-body .lesson-site-header .lesson-back{font-size:13px}
  .lesson-page-body .lesson-page-hero{padding:24px 18px}
  .lesson-page-body .lesson-page-hero .lesson-score{width:auto;aspect-ratio:auto;align-items:flex-start;border:0;margin:0 0 12px;background:transparent;color:#cbb37a}
  .lesson-page-body .lesson-page-hero .lesson-score strong{display:none}
  .lesson-page-body .lesson-page-hero .lesson-score span{margin:0;font:600 11px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.08em}
  .lesson-page-body .lesson-page-hero .lesson-number{justify-content:flex-start;margin-bottom:16px}
  .lesson-page-body .lesson-number-value{font-size:52px}
  .lesson-page-body .lesson-page-hero #lesson-title{font-size:clamp(28px,7.6vw,40px);line-height:1.08;letter-spacing:-.035em;margin-bottom:12px;overflow-wrap:anywhere}
  .lesson-page-body .lesson-page-hero .lesson-meta{display:none}
  .lesson-page-body .lesson-page-hero .lesson-lead{font-size:15px;line-height:1.5;margin:0}
  .lesson-page-body .session-app{margin-bottom:calc(108px + env(safe-area-inset-bottom))}
  .lesson-page-body .session-progress{top:var(--lesson-header-height);padding:0 10px}
  .lesson-page-body .session-progress-track{margin:0 -10px}
  .lesson-page-body .session-tabs{grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;gap:0}
  .lesson-page-body .session-tabs button{min-height:52px;padding:10px 2px}
  .lesson-page-body .session-tabs button span{display:none}
  .lesson-page-body .session-tabs button strong{margin:0;font:600 12px/1.3 Arial,Helvetica,sans-serif}
  .lesson-page-body .session-chapter,.lesson-page-body .session-chapter.lesson-panel{width:calc(100% - 32px);margin:0 auto;padding-top:20px;padding-bottom:12px}
  .lesson-page-body .session-kicker{font-size:10px;margin-bottom:14px}
  .lesson-page-body .session-chapter .lesson-media{width:100%;margin:0}
  .lesson-page-body .lesson-media-story article>div:last-child{padding:12px;gap:8px;grid-template-columns:38px minmax(0,1fr)}
  .lesson-page-body .lesson-media-story article>div:last-child>p{font-size:12px}
  .lesson-page-body .session-controls{position:fixed;left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));grid-template-columns:minmax(68px,.75fr) auto minmax(140px,1.4fr);gap:8px;padding:8px;width:auto;margin:0;box-shadow:0 12px 38px #0009}
  .lesson-page-body .session-controls button{min-height:54px;padding:12px 8px;font-size:15px}
  .lesson-page-body .session-controls>span{padding:0 4px;font-size:12px}
  .lesson-page-body .session-chapter .lesson-section{padding-top:12px}
}

/* Academy browsing cards follow the approved lesson-preview reference. */
body.creator-app[data-creator-view="training"] #academy-view,
body.creator-app[data-creator-view="training"] .artist-heading{width:100%;max-width:900px;margin-left:auto;margin-right:auto}
body.creator-app[data-creator-view="training"] .artist-heading{align-items:center;padding-bottom:24px}
body.creator-app[data-creator-view="training"] .artist-heading h1{font-size:clamp(32px,5vw,58px);line-height:1.05;letter-spacing:-.045em}
body.creator-app[data-creator-view="training"] .progress-ring{width:76px}
body.creator-app[data-creator-view="training"] .progress-ring strong{font-size:23px}
.academy-overview-intro{margin:20px 0 0;color:#d7ba68;font-size:14px;line-height:1.5}
.academy-overview-intro>span{display:block;max-width:65ch;margin-top:4px;color:#aaa599;font-size:13px}
body.creator-app[data-creator-view="training"] .academy-section-heading{display:block;max-width:900px;margin:38px auto 24px;padding-bottom:16px}
body.creator-app[data-creator-view="training"] .academy-section-heading .section-label{display:none}
body.creator-app[data-creator-view="training"] .academy-section-heading h3{font-size:20px;line-height:1.2;letter-spacing:.02em}
body.creator-app[data-creator-view="training"] .academy-section-heading>p{max-width:65ch;margin:10px 0 0;font-size:13px}
body.creator-app[data-creator-view="training"] .course-list{grid-template-columns:minmax(0,1fr);gap:44px}
body.creator-app .academy-lesson-card{min-width:0;padding:0 0 32px;border:0;border-bottom:1px solid #eee8d92b;border-radius:0;background:transparent;overflow:visible;scroll-margin-top:110px}
body.creator-app .academy-lesson-card.complete{border-color:#d7ba684a;background:transparent}
body.creator-app .academy-lesson-card.locked{background:transparent}
.academy-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 16px;color:#e9cd8a;font:600 13px/1.4 monospace;letter-spacing:.08em}
.academy-card-track{text-transform:uppercase}
.academy-meta-divider{color:#d7ba68}
.academy-card-number{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:5px 11px;border:1px solid #d7ba68;border-radius:8px;background:linear-gradient(135deg,#d7ba6826,#d7ba680c);font:700 12px/1.3 monospace;letter-spacing:.06em;white-space:nowrap}
.academy-card-number b{font:800 24px/1 Arial,Helvetica,sans-serif;letter-spacing:-.03em}
.academy-card-total{color:#aaa599;white-space:nowrap;font-size:12px}
.academy-card-open{display:block;min-width:0;color:#eee8d9;text-decoration:none}
.academy-card-preview{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;margin:0;overflow:hidden;border:1px solid #d7ba684f;border-radius:14px;background:#121210}
.academy-card-preview>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.academy-card-preview::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,#0000000a,#00000008 55%,#0000001a);pointer-events:none}
.academy-card-format{position:absolute;z-index:1;left:14px;top:14px;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 28px);padding:9px 11px;border:1px solid #d7ba68;background:#0e0e0de8;color:#e9cd8a;font:700 11px/1.2 monospace;letter-spacing:.07em}
.academy-card-format svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.academy-card-format svg:first-child path[d^="m9"]{fill:currentColor;stroke:none}
.academy-card-play{position:absolute;z-index:1;left:50%;top:50%;display:grid;place-items:center;width:78px;height:78px;transform:translate(-50%,-50%);border:2px solid #e6c67e;border-radius:50%;background:#0e0e0de8;color:#e9cd8a;box-shadow:0 4px 22px #0005;transition:background .2s,box-shadow .2s}
.academy-card-play svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.academy-card-play svg path[d^="m9"]{fill:currentColor;stroke:none}
.academy-card-open:hover .academy-card-play{background:#2a2419;box-shadow:0 0 0 7px #d7ba6824}
.academy-card-copy h3{margin:22px 0 10px;font-size:clamp(28px,4vw,44px);line-height:1.12;font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere}
.academy-card-copy p{max-width:68ch;margin:0;color:#aaa599;font-size:17px;line-height:1.5}
.academy-card-cta{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:58px;margin-top:22px;padding:14px 18px;border:1px solid #f0d392;border-radius:8px;background:linear-gradient(115deg,#e9cc8d,#c6a154 65%,#e6c687);color:#14120e;font:800 16px/1.3 monospace;text-align:center;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;transition:filter .2s}
.academy-card-cta svg{width:30px;height:30px;flex:none;padding:6px;border-radius:50%;background:#14120e;color:#e9cd8a;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.academy-card-cta svg path[d^="m9"]{fill:currentColor;stroke:none}
.academy-card-cta[href]:hover{filter:brightness(1.08)}
.academy-card-finished{position:absolute;z-index:1;right:12px;bottom:12px;padding:7px 10px;border:1px solid #e6c67e;border-radius:6px;background:#0e0e0def;color:#e9cd8a;font:700 10px/1.2 monospace;letter-spacing:.05em}
.academy-card-assessment{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:center;min-height:116px;margin-top:24px;padding:20px;border:1px solid #d7ba6857;border-radius:14px;background:linear-gradient(135deg,#1b1a163d,#10100e);color:#eee8d9;text-decoration:none}
.academy-assessment-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid #eee8d92b;border-radius:50%;background:#eee8d906;color:#aaa599}
.academy-assessment-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.academy-assessment-copy{display:grid;min-width:0;gap:5px}
.academy-assessment-kicker{color:#e9cd8a;font:700 11px/1.3 monospace;letter-spacing:.1em}
.academy-assessment-copy>strong{font-size:21px;font-weight:600;line-height:1.25}
.academy-assessment-detail{color:#aaa599;font-size:14px;line-height:1.45}
.academy-card-assessment[href]:hover{border-color:#e6c67e;background:#d7ba680a}
.academy-card-assessment.complete .academy-assessment-icon{border-color:#d7ba68;background:#d7ba6817;color:#e9cd8a}
.academy-card-next{margin:14px 0 0;color:#aaa599;font-size:13px;line-height:1.5}
.academy-lesson-card.locked .academy-card-preview>img{filter:grayscale(.7) brightness(.55)}
.academy-lesson-card.locked .academy-card-play{border-color:#777267;color:#aaa599}
.academy-lesson-card.locked .academy-card-cta{border-color:#eee8d92e;background:#1c1b18;color:#aaa599}
.academy-lesson-card.locked .academy-card-cta svg{background:#302d25;color:#aaa599}
.academy-lesson-card.locked .academy-card-open:hover .academy-card-play{background:#0e0e0de8;box-shadow:0 4px 22px #0005}
.academy-lesson-card.locked .academy-card-cta{cursor:default}
.academy-card-open:focus-visible,.academy-card-cta:focus-visible,.academy-card-assessment:focus-visible{outline:2px solid #e9cd8a;outline-offset:6px;border-radius:8px}
@media(max-width:700px){
  body.creator-app[data-creator-view="training"] .artist-heading{margin-bottom:0;padding-bottom:18px;gap:16px}
  body.creator-app[data-creator-view="training"] .artist-heading .eyebrow{font-size:9px}
  body.creator-app[data-creator-view="training"] .progress-ring{width:64px}
  body.creator-app[data-creator-view="training"] .progress-ring strong{font-size:20px}
  body.creator-app[data-creator-view="training"] .progress-ring span{font-size:7px}
  body.creator-app[data-creator-view="training"] .academy-section-heading{margin-top:28px;margin-bottom:20px}
  body.creator-app[data-creator-view="training"] .academy-section-heading>p{display:none}
  body.creator-app[data-creator-view="training"] .course-list{gap:34px}
  .academy-overview-intro{margin-top:16px;font-size:12px}
  .academy-overview-intro>span{font-size:12px}
  .academy-card-meta{gap:8px;font-size:11px;margin-bottom:13px;letter-spacing:.05em}
  .academy-card-number{gap:6px;padding:5px 8px;font-size:10px}
  .academy-card-number b{font-size:23px}
  .academy-card-total{font-size:10px}
  .academy-card-format{top:11px;left:11px;gap:6px;max-width:calc(100% - 22px);padding:7px 9px;font-size:9px}
  .academy-card-format svg{width:15px;height:15px}
  .academy-card-play{width:64px;height:64px}
  .academy-card-play svg{width:29px;height:29px}
  .academy-card-copy h3{margin-top:19px;font-size:29px;line-height:1.12}
  .academy-card-copy p{font-size:15px}
  .academy-card-cta{min-height:54px;margin-top:18px;font-size:15px}
  .academy-card-assessment{grid-template-columns:52px minmax(0,1fr);gap:14px;min-height:108px;padding:16px;margin-top:20px}
  .academy-assessment-icon{width:52px;height:52px}
  .academy-assessment-icon svg{width:25px;height:25px}
  .academy-assessment-kicker{font-size:10px}
  .academy-assessment-copy>strong{font-size:19px}
  .academy-assessment-detail{font-size:13px}
  .academy-card-next{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.academy-card-play,.academy-card-cta{transition:none}}