/* Acroname performer studio. Deliberately independent of the public sales site. */
:root{color-scheme:dark;--bg:#090c11;--surface:#11161e;--raised:#19212c;--line:#2b3543;--ink:#edf2f8;--muted:#a6b1c0;--accent:#bed6f4;--sans:Inter,"Segoe UI",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}
[hidden]{display:none!important}
 html{scroll-behavior:auto;scroll-padding-top:24px}
body{margin:0;background:radial-gradient(ellipse 70% 650px at 85% -100px,#1d2b4055,transparent),var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
button,input,select{font:inherit}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
button,a,summary{touch-action:manipulation}
button,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 20px;border:1px solid var(--line);border-radius:9px;background:var(--raised);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s}
button:hover,.button:hover{background:#253142;border-color:#6b7c92}
button:disabled{opacity:.45;cursor:not-allowed}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
/* Headings receive navigation focus for assistive technology, not a control ring. */
:is(h1,h2,h3)[tabindex="-1"]:focus{outline:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:550;line-height:1.2;letter-spacing:-.035em;color:var(--ink)}
h1{font-size:clamp(32px,4.5vw,48px);margin:12px 0 14px;max-width:18ch}
h1 span{color:var(--accent)}
h2{font-size:28px;margin-bottom:20px}
h3{font-size:21px;margin-bottom:12px}
p{color:var(--muted);margin-bottom:16px}
.caption{font-size:14px;line-height:1.65;color:var(--muted)}
.eyebrow{font:500 11px/1.5 var(--mono);letter-spacing:.17em;color:var(--accent);margin-bottom:20px}
body>header{max-width:1040px;margin:0 auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}
.brand{font-size:27px;font-weight:600;letter-spacing:-1px;line-height:1.15;text-decoration:none}
.brand span{display:block;font:500 8px/1.6 var(--mono);letter-spacing:.16em;margin-top:7px;color:var(--muted)}
.app-nav{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#0d1219}
.app-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 22px;border-radius:7px;font-size:14px;text-decoration:none;color:var(--muted);white-space:nowrap}
.app-nav a:hover{color:var(--ink);background:#19212b}
.app-nav a[aria-current=page]{background:#243040;color:#f3f7fd;box-shadow:0 1px 5px #0003}
.member{max-width:904px;margin:auto;padding:44px 32px 0}
.studio-lede{max-width:56ch;margin:0 0 28px;font-size:16px}
#studio-intro,#library-intro{padding-bottom:6px}
#studio-intro .eyebrow,#library-intro .eyebrow{margin-bottom:12px}
.member-card,.result-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px;margin:24px 0}
#generate{position:relative;background:linear-gradient(125deg,#18233266,transparent 60%),var(--surface);box-shadow:0 16px 60px #0002,inset 0 1px 0 #dbe8ff0a}
#generate>.eyebrow{margin:0 0 24px}
label{display:block;font-size:14px;color:#c6cfdb}
input,select{display:block;width:100%;min-height:50px;padding:12px 14px;margin-top:8px;border:1px solid #49576b;border-radius:8px;background:#0b1017;color:var(--ink);font-size:16px;line-height:1.5}
select{padding-right:8px}
input::placeholder{color:#758398;opacity:1}
input:focus,select:focus{border-color:var(--accent)}
.name-primary{font-size:16px;font-weight:550;margin-bottom:12px}
input.name-input{font:500 clamp(36px,7vw,54px)/1.2 var(--mono);letter-spacing:.055em;text-transform:uppercase;padding:22px 20px;min-height:108px;background:#090e15;border-color:#596b84;box-shadow:inset 0 2px 12px #0002}
input.name-input::placeholder{color:#758398}
#name-help{margin:12px 0 24px;max-width:48ch}
details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
summary{position:relative;list-style:none;cursor:pointer;min-height:48px;display:block;padding:16px 30px 16px 0;font-size:16px;font-weight:550;color:var(--ink);line-height:1.5}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';position:absolute;right:2px;top:50%;transform:translateY(-50%);font:400 22px/1 var(--mono);color:var(--accent)}
details[open]>summary::after{content:'−'}
summary span{display:block;color:var(--muted);font-size:14px;font-weight:400;margin:3px 0 0}
.book-options{margin:24px 0}
.book-options>.member-grid{margin:16px 0 20px}
.member-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.reveal-style{margin:24px 0 10px}
.compare-button{width:100%;margin:4px 0 24px;background:transparent}
.prepare-actions{display:block;margin-top:24px}
#prepare,.primary-print{background:linear-gradient(110deg,#e0eafa,#b8cee9);color:#101925;border:1px solid #d9e8fb;box-shadow:inset 0 1px 0 #fff8,0 6px 24px #0003}
#prepare{width:100%;min-height:60px;font-size:17px;letter-spacing:.01em}
#prepare::after{content:'↗';margin-left:auto;font-size:23px;font-weight:400}
#prepare:hover,.primary-print:hover{background:#edf5ff;border-color:#fff;box-shadow:0 4px 26px #adc7e51c}
.prepare-note{margin:14px 0 0;text-align:center}
#status{font-size:14px;color:var(--accent);padding:12px 0;overflow-wrap:anywhere}
#status:empty{display:none}
#result{margin-top:32px;scroll-margin-top:24px}
#target{font:500 clamp(32px,5vw,44px)/1.3 var(--mono);letter-spacing:.06em;overflow-wrap:anywhere;margin-bottom:20px}
.book-code{display:block;font:400 12px/1.6 var(--mono);letter-spacing:.08em;color:var(--muted);margin-top:8px}
#route-summary{max-width:66ch;margin:16px 0 20px}
.file-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 16px}
.file-links a{min-width:0;text-align:center;font-size:14px}
#downloads .primary-print{grid-column:1/-1;min-height:64px;font-size:18px;padding:16px}
.secondary-download{background:#ffffff04;font-weight:500;border-color:#415067}
.print-note{text-align:center;margin:0 0 24px}
.comparison-panel{margin:16px 0;background:#0d131b;border:1px solid var(--line);border-radius:10px;padding:0 20px}
.comparison-panel[open]{padding-bottom:16px}
.comparison-panel>.caption{margin:8px 0 16px}
.edition-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.edition-card{min-width:0}
.edition-card button{width:100%;padding:13px 10px;font-size:15px}
.edition-card button[aria-pressed=true]{background:#bed6f4;color:#101925;border-color:#bed6f4}
.edition-card small{display:block;font-size:13px;color:var(--muted);margin:8px 0 16px;line-height:1.5}
.comparison-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 20px}
.comparison-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.comparison-images figure{margin:0;min-width:0}
.comparison-images figcaption{font-size:13px;margin-bottom:8px;color:var(--muted)}
.comparison-image{width:100%;padding:0;background:var(--bg);border-radius:4px;min-height:0;overflow:hidden;cursor:zoom-in}
.comparison-image svg,.spread svg,.guide svg{display:block;width:100%;height:auto}
#comparison-preview{border-bottom:0}
#comparison-preview>summary{font-size:14px}
#comparison-preview>.caption{margin:16px 0 0}
#spread-preview>label{max-width:260px;margin:12px 0 20px}
.spread,.guide{display:block;width:100%;padding:0;border:1px solid #3b4759;border-radius:9px;overflow:hidden;line-height:0;cursor:zoom-in;background:#0b0b10}
.spread:hover,.guide:hover{border-color:#90a9c8;background:#0b0b10}
#spread-preview>.caption{margin:14px 0 20px}
#result>.eyebrow:not(:first-child){margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.guide-tabs{display:flex;gap:4px;margin:20px 0 12px;padding:4px;background:#090e15;border:1px solid var(--line);border-radius:10px}
.guide-tabs button{flex:1;min-width:0;padding:10px 8px;background:transparent;color:var(--muted);border-color:transparent;border-radius:6px;font-size:14px}
.guide-tabs button[aria-pressed=true]{color:#f3f7fd;background:#2b3c52;border-color:#536b87}
.guide-tabs button:hover{color:var(--ink)}
.guide-hint{margin-bottom:20px}
.guide-downloads{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:0}
.guide-downloads a{font-size:13px;padding:12px 8px}
/* Supporting information follows the whole working area. */
.learning-panel,.account-details{padding:0;background:#0e131b;border-radius:12px;margin:12px 0;overflow:hidden}
.learning-panel>summary,.account-details>summary{padding:20px 48px 20px 24px}
.learning-panel>summary::after,.account-details>summary::after{right:24px}
.learning-panel[open]>summary,.account-details[open]>summary{border-bottom:1px solid var(--line)}
#instructions-panel{margin-top:40px}
#instructions-content{padding:24px;font-size:16px;line-height:1.75;color:var(--muted)}
#instructions-content p{margin-bottom:16px;max-width:68ch}
#instructions-content .learn-intro{font-size:24px;line-height:1.35;color:var(--ink);max-width:33ch;letter-spacing:-.02em;margin-bottom:20px}
#instructions-content b,#instructions-content strong{color:var(--ink)}
.learn-principle{padding:20px;border-left:2px solid var(--accent);background:#192435;margin:24px 0 8px}
#instructions-content .learn-principle p{margin:8px 0 0}
.learn-step{display:grid;grid-template-columns:28px 1fr;gap:16px;padding:28px 0 12px;border-bottom:1px solid var(--line)}
.learn-number{font:12px/2 var(--mono);color:var(--accent)}
.learn-step h3{font-size:21px;letter-spacing:-.025em}
.learn-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 16px}
.learn-flow>div{padding:16px;background:#192435;border-radius:8px}
.learn-flow small{display:block;font:11px/1.5 var(--mono);letter-spacing:.05em;color:var(--accent);margin-bottom:8px}
.learn-flow strong{font-size:16px;white-space:nowrap}
.learn-note{font-size:14px}
.learn-extra{margin-top:20px;border-bottom:0}
.learn-extra ul{padding-left:20px}.learn-extra li{margin:16px 0}
#instructions-retry{margin:0 24px 24px}
.credits-intro,.credits-panel article{padding:24px;border-bottom:1px solid var(--line)}
.credits-panel h3{margin-bottom:6px;font-size:21px}
.credits-panel p{font-size:14px;margin:0}
.credits-panel .credit-creator{color:var(--accent);margin:0 0 14px}
.credits-panel>.caption{padding:20px 24px}
.account-details>p,.account-details>button,.account-details>h2,.account-details>#orders{margin:20px 24px}
.account-details h2{font-size:20px}
#identity{font-size:14px;overflow-wrap:anywhere}
#logout{background:transparent}
.device-panel{border-top:1px solid var(--line);padding:24px 0 0;margin:32px 0 0}
.device-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#connection-state{display:flex;align-items:center;gap:9px;margin-right:auto;color:var(--muted);font-size:13px}
#connection-state::before{content:'';width:6px;height:6px;background:#b5cbbd;border-radius:50%}
.is-offline #connection-state::before{background:#d7b980}
.device-heading button{font-size:13px;padding:10px 14px;min-height:44px;background:transparent}
.device-panel p{font-size:13px;max-width:70ch;margin:14px 0 0}
#update-app{display:inline-flex;align-items:center;width:auto;min-height:42px;margin:14px 0 0;padding:10px 16px;background:var(--accent);color:#101925;border-color:var(--accent);font-size:13px;font-weight:600}
/* Library and account access. */
.back-to-setup{display:inline-flex;min-height:44px;align-items:center;text-decoration:none;color:var(--accent);margin-bottom:12px;font-size:14px}
.back-to-setup:hover{text-decoration:underline}
.save-library{margin:4px 0 24px}
#library-search{margin-bottom:20px}
.library-trash{margin:0 0 12px;background:transparent;font-size:13px}
.saved-book{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--line)}
.saved-book strong{display:block;font:500 22px/1.4 var(--mono);letter-spacing:.04em;color:var(--ink)}
.saved-book small{display:block;font-size:13px;color:var(--muted);margin-top:6px;line-height:1.65}
.saved-book .offline-badge{font-size:12px;color:#b5cbbd}
.saved-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.saved-actions button{font-size:13px;white-space:nowrap}
.library-delete{background:transparent;color:var(--muted)}
.library-delete:hover{color:#ffcbcb;border-color:#d78a8a}
#login{max-width:600px}
#login-form label{margin:24px 0 16px}
#login-form button{background:var(--accent);color:#101925;width:100%}
body>footer{max-width:904px;margin:32px auto 0;padding:12px 32px 40px;color:var(--muted);font-size:13px}
footer a{text-decoration:none}footer a:hover{text-decoration:underline}
.photo-view{background:#0b1017;color:var(--ink);border:1px solid #52637b;border-radius:12px;padding:0;width:min(96vw,1120px);max-width:none;max-height:94dvh;overflow:auto}
.photo-view::backdrop{background:#030508eb;backdrop-filter:blur(6px)}
.viewer-tools{display:flex;justify-content:flex-end;gap:8px;position:sticky;top:0;z-index:2;background:#0b1017f5;padding:12px;border-bottom:1px solid var(--line)}
.viewer-tools button{min-height:44px;font-size:14px}
.photo-view img{display:block;width:100%;height:auto}
.photo-view.zoomed img{width:150vw;max-width:none}
@media(min-width:700px){#book-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:20px}#book-settings>summary span{margin:0 8px 0 0}}
@media(max-width:600px){
 body>header{padding:20px;gap:20px;flex-wrap:wrap}.brand{font-size:26px}.brand span{font-size:8px}
 .app-nav{width:100%}.app-nav a{flex:1;padding:9px 14px}
 .member{padding:28px 20px 0}.studio-lede{font-size:15px;max-width:32ch;margin-bottom:22px}h1{font-size:34px;max-width:16ch}
 .member-card,.result-card{padding:24px 20px;margin:20px 0;border-radius:13px}
 #generate>.eyebrow{margin-bottom:22px}input.name-input{padding:21px 14px;font-size:38px;min-height:90px}
 .caption{font-size:14px}#name-help{margin:12px 0 20px}.member-grid{grid-template-columns:1fr;gap:20px}
 .prepare-note{font-size:13px}#prepare{min-height:58px}
 h2{font-size:25px}#target{font-size:34px}.book-code{font-size:12px}
 .file-links{gap:8px}.file-links .secondary-download{font-size:13px;padding:12px 8px}
 #downloads .primary-print{font-size:17px;min-height:62px}.print-note{font-size:13px}
 .comparison-panel{padding:0 14px}.edition-grid,.comparison-images{gap:8px}.edition-card button{font-size:14px}
 .comparison-controls{grid-template-columns:1fr}.comparison-panel>summary{font-size:15px}
 .guide-downloads{grid-template-columns:1fr}.guide-downloads a{min-height:44px}
 .learning-panel,.account-details{padding:0;margin:12px 0}.learning-panel>summary,.account-details>summary{padding:20px 44px 20px 20px}
 .learning-panel>summary::after,.account-details>summary::after{right:20px}
 #instructions-content{padding:20px}.learn-step{grid-template-columns:22px 1fr;gap:10px}.learn-flow{grid-template-columns:1fr}
 .credits-panel article,.credits-intro{padding:20px}.credits-panel>.caption{padding:20px}
 .saved-book{align-items:flex-start;flex-direction:column;gap:16px}.saved-actions{width:100%}.saved-actions button:first-child{flex:1}
 #save-offline{width:100%;padding:12px 10px}
 .device-heading{gap:8px}.device-heading button{font-size:12px;padding:9px 10px}.device-panel p{font-size:13px}
 #connection-state{font-size:12px}body>footer{padding:8px 20px 32px;margin-top:28px}
 .viewer-tools{padding:8px}.viewer-tools button{font-size:13px}
}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}
.cover-setup{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:32px;align-items:start;margin:26px 0 28px}
.cover-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.55fr);gap:20px 16px;min-width:0}
.cover-controls select{width:100%;min-width:0}
.cover-style-choice{grid-column:1;display:grid;gap:9px;align-self:end;color:var(--muted);font-size:12px;letter-spacing:.04em}.cover-style-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--border,#29303c);border-radius:12px;background:#080b10}.cover-style-choice button{margin:0;min-height:42px;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:#9ca5b2;font-size:13px}.cover-style-choice button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-edge)}
.cover-preview{display:block;border:0;background:transparent;padding:0;box-shadow:none;text-align:center;border-radius:2px;min-height:0;color:var(--muted);width:100%}
.cover-preview img{display:block;width:100%;height:auto;background:transparent;box-shadow:0 10px 22px #0003;border-radius:1px}.cover-preview span{display:block;font-size:11px;line-height:1.4;margin-top:10px}.cover-preview:hover{background:transparent;transform:translateY(-2px)}
/* Monochrome selects the original minimalist cover assets, not a grayscale filter. */
@media(max-width:650px){.cover-setup{grid-template-columns:minmax(0,1fr) 93px;gap:18px;margin:22px 0}.cover-controls{grid-template-columns:1fr;gap:15px}.cover-controls label{font-size:13px}.cover-controls select{font-size:13px;padding:12px 7px}.cover-style-choice{grid-column:1/-1}.cover-preview{margin-top:26px}.cover-preview span{font-size:10px}}
@media(max-width:360px){.cover-setup{grid-template-columns:minmax(0,1fr) 64px;gap:12px}.cover-controls select{font-size:12px}.cover-preview span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.library-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:4px 0 20px}.library-tools button{margin:0;font-size:13px;padding:10px 14px}.library-tools .save-library{flex:1}#library>.caption:last-child{margin:24px 0 0}#library-search{margin-bottom:16px}@media(max-width:600px){.library-tools #save-offline{width:auto;flex:1;min-width:170px;padding:10px 12px}}

/* Two people, one deliberately quiet setup. */
.prepare-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 30px;padding:5px;border:1px solid var(--border,#29303c);border-radius:16px;background:#080b10}
.prepare-mode button{margin:0;background:transparent;color:#8f98a7;border:0;border-radius:11px;padding:13px 12px;font-size:15px}
.prepare-mode button[aria-pressed=true]{background:#202631;color:#fff;box-shadow:0 2px 12px #0004}
.prepare-mode span{display:block;margin-top:3px;font-size:10px;font-weight:400;color:#b7bcc5;letter-spacing:.02em}
#partner-field,#reveal-word-field{margin-top:24px}#partner-field .name-input,#reveal-word-field .name-input{width:100%}#partner-field>label:last-child{margin-top:18px;display:block}#partner-field select{margin-top:8px;width:100%}
.couple-shared-word-choice{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-size:14px;color:var(--ink)}.couple-shared-word-choice input{display:inline-block;width:18px;height:18px;min-height:18px;padding:0;margin:0;accent-color:var(--accent)}#couple-reveal-word-field{margin-top:16px}
.couples-handoff{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0 20px}.couples-handoff>div{border:1px solid #303744;border-radius:12px;padding:18px;background:#121720}.couples-handoff strong,.couples-handoff span{display:block}.couples-handoff strong{color:#edf0f4;font-size:17px}.couples-handoff span{color:#9ba4b0;margin-top:5px;font-size:13px}
#couples-print{display:grid;grid-template-columns:1fr 1fr;gap:12px}#couples-print button{width:100%;margin:0}.couples-backs{display:flex;gap:0;max-width:480px;margin:22px auto}.couple-back{width:50%;padding:0;margin:0;border:0;border-radius:0;background:#fff}.couple-back svg{display:block;width:100%;height:auto}#couples-guide-files{gap:8px}#couples-guide-files button{font-size:13px}#couples-guide-files button:nth-child(n+3){flex:1}#couples-extra-files button{font-size:12px}
@media(max-width:550px){.prepare-mode{margin-bottom:24px}.prepare-mode button{font-size:14px;padding:11px 8px}.prepare-mode span{font-size:9px}.couples-handoff{gap:8px}.couples-handoff>div{padding:14px 10px}.couples-handoff strong{font-size:15px}#couples-print{grid-template-columns:1fr}.couples-backs{max-width:360px}}

.prepare-mode button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.prepare-mode span{margin-top:0}

/* Two independent titles, read together only at the finish. */
.is-couples .cover-setup,.is-couples .cover-controls{grid-template-columns:1fr}
#couples-cover-pair{margin:26px 0 0}.couple-cover-previews{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:400px;margin:18px auto 0}.couple-cover-previews button{display:block;padding:0;margin:0;border:0;background:transparent;box-shadow:none;border-radius:2px;color:var(--muted)}.couple-cover-previews img{display:block;width:100%;height:auto;background:transparent;box-shadow:0 10px 26px #0004}.couple-cover-previews span{display:block;font-size:12px;margin-top:10px}.couple-title-ending{text-align:center;margin-top:16px;font-family:Georgia,serif;font-style:italic}.is-couples .cover-setup{margin-top:20px}.is-couples #cover-preview[hidden],.is-couples .cover-controls label[hidden]{display:none}
@media(max-width:550px){.couple-cover-previews{gap:18px;max-width:282px}.couple-title-ending{font-size:14px}}
.cue-key{padding:12px 0 18px;border-bottom:1px solid var(--line);margin-bottom:16px;font-size:13px;color:var(--muted,#aab1bd)}
.cue-key p{margin:8px 0;font-size:13px}.cue-colour-key{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;font-weight:650}
.cue-source-key{display:flex;flex-wrap:wrap;gap:8px 18px}.cue-source-key span{display:inline-flex;gap:5px;align-items:center}.cue-source-key b,.cue-source-key i{color:var(--ink)}
.cue-source-key svg{width:15px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.cue-source-key svg+svg{margin-left:-5px}
.cue-context{display:flex;gap:12px 24px;flex-wrap:wrap;margin:16px 0 8px;font-size:13px;color:var(--muted,#aab1bd)}.cue-source{font-size:15px;letter-spacing:.04em;color:var(--ink)}
.wallet-panel{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.wallet-panel summary{cursor:pointer;min-height:44px;font-weight:600}.wallet-panel summary span{font-size:12px;font-weight:400;margin-left:8px;color:var(--muted,#aab1bd)}
.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.wallet-grid h3{font-size:14px;margin:8px 0 12px}.wallet-grid section{min-width:0}.wallet-preview{background:#fff!important;padding:0!important;border:1px solid #999!important;border-radius:4px!important;display:block;max-width:100%;margin-bottom:16px;width:100%;overflow:hidden}.wallet-preview svg{display:block;width:100%;height:auto}.wallet-preview.portrait{max-width:230px}.wallet-grid .secondary-download{display:block;min-height:44px;margin:8px 0;width:100%;text-align:left;font-size:13px}.wallet-preview:focus-visible{outline:3px solid #85d9ed;outline-offset:4px}
body[data-theme="light"] .cue-colour-key span:nth-child(1){color:#945000!important}body[data-theme="light"] .cue-colour-key span:nth-child(2){color:#006a7f!important}body[data-theme="light"] .cue-colour-key span:nth-child(3){color:#754099!important}
@media(max-width:600px){.wallet-grid{grid-template-columns:1fr}.wallet-panel summary span{display:block;margin:6px 0}.cue-context{gap:8px 15px}.cue-source-key{gap:8px 12px}.wallet-preview.portrait{max-width:230px;margin-inline:auto}}

/* Mode identity belongs to the studio, never to the instructional letter colours. */
[data-performance="solo"]{--accent:#bed6f4;--accent-soft:#18283c;--accent-bright:#e0ecfc;--accent-edge:#59799f;--mode-glow:#355b9230}
[data-performance="word"]{--accent:#ccc0ff;--accent-soft:#28203c;--accent-bright:#ece6ff;--accent-edge:#8c79bb;--mode-glow:#67509030}
[data-performance="couples"]{--accent:#efb7c5;--accent-soft:#34212b;--accent-bright:#ffe1e8;--accent-edge:#a36f80;--mode-glow:#9a496130}
body.studio{background:radial-gradient(ellipse 75% 650px at 90% -100px,var(--mode-glow,#355b9230),transparent),var(--bg)}
.prepare-mode button[data-prepare-mode="solo"]{--tab-accent:#bed6f4;--tab-bg:#1b2b41}
.prepare-mode button[data-prepare-mode="word"]{--tab-accent:#ccc0ff;--tab-bg:#2b2340}
.prepare-mode button[data-prepare-mode="couples"]{--tab-accent:#efb7c5;--tab-bg:#38232c}
.prepare-mode button{border:1px solid transparent;color:var(--tab-accent)}
.prepare-mode button[aria-pressed="true"]{background:var(--tab-bg);border-color:var(--tab-accent);color:var(--tab-accent);box-shadow:inset 0 -2px 0 var(--tab-accent)}
.prepare-mode button span{color:inherit;opacity:.78;font-size:11px;line-height:1.4}
#prepare,.primary-print{background:linear-gradient(110deg,var(--accent-bright),var(--accent));border-color:var(--accent);color:#11151d}
#prepare:hover,.primary-print:hover{background:var(--accent-bright);border-color:var(--accent-bright)}
.studio input.name-input{border-color:var(--accent-edge);background:linear-gradient(110deg,#090e15,var(--accent-soft))}
.studio input:focus,.studio select:focus{border-color:var(--accent)}
.studio .app-nav a[aria-current="page"],.studio .guide-tabs button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-edge)}
.studio .edition-card button[aria-pressed="true"],.studio .file-save-dialog .native-save{background:var(--accent);color:#11151d;border-color:var(--accent)}
#downloads,#couples-print{grid-template-columns:1fr;margin:22px 0 12px}
#couples-print .primary-print{min-height:64px;font-size:18px}
.text-action{background:transparent;border:0;padding:3px 8px;min-height:40px;color:var(--accent);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.pocket-card{margin:22px 0 16px;border:1px solid var(--accent-edge);border-radius:12px;padding:20px;background:linear-gradient(115deg,var(--accent-soft),#11161e 75%)}
.pocket-heading{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.pocket-mark{display:grid;place-items:center;width:46px;height:36px;flex:none;border:1px solid var(--accent-edge);border-radius:5px;font-size:22px;color:var(--accent);transform:rotate(-5deg)}
.pocket-heading h3{font-size:20px;letter-spacing:-.02em;margin:0 0 5px}
.pocket-heading p{font-size:13px;line-height:1.5;margin:0}
.wallet-quick .pocket-print{width:100%;border-color:var(--accent-edge);background:#ffffff06;color:var(--accent);min-height:48px;font-size:14px}
.pocket-card .wallet-options{border-bottom:0;margin-top:14px;padding:0}
.pocket-card .wallet-options>summary{font-size:13px;padding:12px 30px 0 0;min-height:36px}
.pocket-card .wallet-options>summary span{display:inline;font-size:12px;margin-left:8px}
.wallet-options[open]>.caption{margin-top:16px;font-size:13px}
.more-files{margin:0 0 24px;border-bottom:1px solid var(--line)}
.more-files>summary{font-size:15px;padding-block:14px}
.more-files>summary span{font-size:12px}
.more-files h3{font-size:13px;color:var(--muted);font-weight:500;letter-spacing:.03em;margin:22px 0 10px}
.more-files .file-links,.more-files .reader-export-buttons{margin:0 0 18px;gap:8px}
.more-files .file-links button,.more-files .file-links a,.more-files .reader-export-buttons button{font-size:13px;padding:12px;line-height:1.5}
.more-files #download-pack{grid-column:1/-1}
.more-files #couples-pack{width:100%;margin:6px 0 20px;background:var(--accent-soft);color:var(--accent)}
#guide-downloads,#couples-guide-files{display:grid;grid-template-columns:1fr;margin:12px 0 0}
#guide-downloads a,#couples-guide-files button{font-size:14px;min-height:48px;color:var(--accent);border-color:var(--accent-edge)}
@media(max-width:600px){.pocket-card{padding:17px}.pocket-heading{gap:12px}.pocket-heading h3{font-size:18px}.pocket-heading p{font-size:12px}.pocket-card .wallet-options>summary span{display:block;margin:4px 0 0}.more-files .file-links{grid-template-columns:1fr}.prepare-mode span{font-size:10px!important}.prepare-mode button{font-size:13px;padding:11px 6px}}
.notes-title-field{display:grid;gap:7px;margin:0 0 12px;color:#8893a6;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.notes-title-field input{width:100%;box-sizing:border-box;border:1px solid #283242;border-radius:11px;background:#0d121a;color:#f2f5f8;padding:11px 12px;font:500 .95rem/1.2 system-ui,sans-serif;letter-spacing:0;text-transform:none}.notes-title-field input:focus{outline:1px solid #72b9dc;border-color:#72b9dc}

/* Generation shows measured work, without a speculative percentage. */
.generation-progress{margin:0 0 24px;padding:22px 24px;border:1px solid var(--accent-edge,#59799f);border-radius:14px;background:linear-gradient(115deg,var(--accent-soft,#18283c),#11161e 80%)}
.generation-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.generation-heading h2{margin:0;font-size:19px;letter-spacing:-.02em}.generation-heading>span{flex:none;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted,#aab1bd)}
.generation-progress p{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--muted,#aab1bd)}.generation-progress .caption:empty{display:none}.generation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.generation-progress button{margin:14px 0 0;min-height:44px;font-size:13px;padding:10px 16px}.generation-actions:has(>button:not([hidden])){margin-top:2px}
#generation-alternatives{border-top:1px solid var(--line);margin-top:18px;padding-top:6px}.generation-progress[data-state="failed"]{border-color:#806e6a}.generation-progress[data-state="paused"]{border-style:dashed}
#generation-preview{margin:20px 0 0}#generation-preview img{display:block;width:100%;max-height:340px;object-fit:contain;background:#fff;border-radius:3px}#generation-preview figcaption{font-size:12px;color:var(--muted,#aab1bd);margin-top:9px}
@media(max-width:550px){.generation-progress{padding:18px}.generation-heading{gap:12px}.generation-heading h2{font-size:17px}.generation-heading>span{font-size:11px}}

/* Performer workspace: one task open, paper and performance first. */
.studio .member{max-width:860px}
.studio #studio-intro{margin-bottom:30px}
.studio #studio-title{font-size:clamp(30px,5vw,44px);margin-bottom:10px}
.studio .studio-lede{font-size:14px;color:var(--muted);margin-bottom:0}
.studio-loading{min-height:340px;display:flex;align-items:flex-start;padding:45px 0;color:var(--muted);font-size:14px;gap:14px}
.studio-loading::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:8px;flex:none}
.studio-booting .device-panel,.studio-booting footer{visibility:hidden}
.setup-panel{border:0;border-bottom:1px solid var(--line);margin:0 0 28px}
.setup-panel>summary{padding:16px 26px 16px 0;display:flex;gap:16px;align-items:center;font-size:14px;color:var(--ink)}
.setup-panel>summary small{font-weight:400;color:var(--muted);font-size:12px;margin-left:auto}
.setup-panel #generate{margin-top:18px}
.no-book .setup-panel{border:0;margin:0}
.no-book .setup-panel>summary{display:none}
.no-book .setup-panel #generate{margin-top:0}
.studio .result-card{padding:0;background:transparent;border:0;box-shadow:none;margin:0 0 36px}
.result-card>h2{font-size:clamp(25px,4vw,34px);line-height:1.25;margin:0 0 26px;overflow-wrap:anywhere}
.result-card>.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--muted);margin:0 0 9px}
.result-card .book-code{display:block;font-size:11px;font-family:var(--mono);font-weight:400;letter-spacing:.04em;color:var(--muted);margin-top:9px}
.work-pane{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;padding:0}
.work-pane>summary{display:flex;align-items:center;gap:18px;padding:23px 0;list-style:none;color:var(--ink)}
.work-pane>summary::after{display:none}
.work-pane>summary::-webkit-details-marker{display:none}
.work-pane .task-number{font:11px var(--mono);color:var(--accent);width:24px;flex:none;letter-spacing:.08em}
.work-pane .task-label{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.work-pane .task-label strong{font-size:19px;font-weight:550;letter-spacing:-.025em;line-height:1.3}
.work-pane .task-label small{font-size:12px;font-weight:400;color:var(--muted);line-height:1.5}
.work-pane .task-expand{font:20px var(--sans);color:var(--muted);width:30px;text-align:center;margin:0;flex:none}
.work-pane[open] .task-expand{transform:rotate(45deg);color:var(--accent)}
.work-pane[open]{border-top-color:var(--accent-edge)}
.task-body{padding:0 0 26px 42px}
.task-body>p.caption{font-size:13px;line-height:1.6}
.task-body #downloads,.task-body #couples-print{margin:4px 0 10px}
.task-body .primary-print{min-height:58px!important;font-size:16px!important}
.task-body .print-note{margin-bottom:18px;font-size:12px}
.task-body .more-files{margin:0;border-bottom:0}
.task-body .more-files>summary{font-size:13px}
.task-body .more-files>summary span{display:block;margin:3px 0 0;font-size:11px}
.task-body .notes-launch{margin:0;padding:0;background:transparent;border:0}
.task-body .notes-launch [data-open-notes]{min-height:56px;font-size:16px;width:100%;border-color:var(--accent-edge);background:var(--accent-soft);color:var(--accent)}
.task-body .notes-launch-message{font-size:13px;max-width:420px;margin:14px 0 0}
.task-body .notes-title-field{margin:0 0 18px}
.task-body .guide-tabs{margin-top:18px}
.task-body .guide svg{width:100%;height:auto;max-height:680px;display:block}
.task-body .cue-key{font-size:11px;line-height:1.5}
.task-body .guide-downloads{margin-bottom:24px}
.workspace-extras{border:0;border-top:1px solid var(--line);margin:0;padding:0}
.workspace-extras>summary{font-size:13px;font-weight:400;color:var(--muted);padding-block:19px}
.workspace-extras>.book-options,.workspace-extras>.comparison-panel,.workspace-extras>.share-panel{margin:0 0 20px}
.studio .learning-panel>summary,.studio .account-details>summary{font-size:13px}
.studio .learning-panel>summary span{font-size:11px}
.studio .device-panel{margin-top:28px}
@media(max-width:600px){
 .studio .member{padding-top:24px}
 .studio #studio-intro{margin-bottom:20px}
 .setup-panel>summary{gap:8px;font-size:13px}
 .setup-panel>summary small{font-size:10px}
 .result-card>h2{margin-bottom:22px}
 .work-pane>summary{padding:20px 0;gap:12px}
 .work-pane .task-label strong{font-size:18px}
 .work-pane .task-label small{font-size:11px}
 .work-pane .task-number{width:20px}
 .task-body{padding-left:0}
 .task-body .cue-context{font-size:12px}
}


/* One entrance. Separate preparation, performance and reference. */
.studio[data-app-page="home"],.studio[data-app-page="perform"],.studio[data-app-page="library"],.studio[data-app-page="instructions"],.studio[data-app-page="settings"]{--accent:#bed6f4;--accent-soft:#172333;--accent-edge:#3e526b}
.studio>header{max-width:800px;padding:20px 24px;gap:16px;flex-direction:row;align-items:center;border:0}
.studio .brand{display:flex;align-items:center;gap:10px;font-size:22px;letter-spacing:-.6px}
.studio .brand img{width:30px;height:30px;object-fit:contain}
.studio .brand span{font:inherit;letter-spacing:inherit;color:var(--ink);margin:0}
.return-home{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font-size:14px;text-decoration:none;border-radius:8px;color:var(--muted)}
.return-home:hover{background:var(--surface);color:var(--ink)}
.studio .member{max-width:752px;padding:12px 24px 40px}
.studio h1{font-size:28px;line-height:1.2;margin:12px 0 20px;max-width:none;letter-spacing:-.035em}
.studio .studio-lede{font-size:14px;line-height:1.6;margin:0 0 24px;max-width:52ch}
.studio #studio-intro{margin-bottom:16px}
.studio[data-app-page="home"] .member{max-width:568px}
#status:empty,#perform-status:empty,#library-feedback:empty{display:none}
#status,#perform-status{font-size:14px;line-height:1.6;margin-bottom:20px}
.new-instructions{margin:0 0 16px}
.new-instructions button{width:100%;justify-content:space-between;text-align:left;padding:14px 16px;border-color:var(--accent-edge);background:var(--accent-soft)}
.new-instructions b{display:block;font-size:13px;font-weight:600}.new-instructions small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.home-menu{display:flex;flex-direction:column;gap:22px;width:100%;max-width:440px;margin:auto;padding:28px 0 36px}
.home-menu>a{display:grid;grid-template-columns:32px 1fr 12px;align-items:center;gap:18px;padding:22px 28px;min-height:88px;text-decoration:none;border:1px solid var(--line);border-radius:999px;background:linear-gradient(165deg,var(--raised),var(--surface) 80%);box-shadow:inset 0 1px 0 #ffffff08,inset 0 -2px 0 #0003,0 4px 10px #0002;transition:transform .16s ease-out,border-color .16s ease-out}
.home-menu>a:focus-visible{outline-offset:4px}.home-menu>a:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #0004}
@media(hover:hover){.home-menu>a:hover{transform:translateY(-1px);border-color:var(--accent-edge)}}
.home-menu strong{display:block;font-size:18px;line-height:1.3;font-weight:550;letter-spacing:-.02em}
.home-menu .home-perform{background:linear-gradient(165deg,var(--accent-soft),var(--surface));border-color:var(--accent-edge)}.home-perform strong{color:var(--accent)}.menu-chevron{font-size:23px;color:var(--muted);font-weight:400}
#create-page .setup-panel{border:0;margin:0}#create-page .setup-panel>summary{display:none}#create-page #generate{padding:0;margin:0;background:transparent;border:0;box-shadow:none}
#create-page .prepare-mode{margin:0 0 24px}#create-page .name-input{font-size:30px;padding:16px;letter-spacing:.08em}
#create-page .cover-setup{grid-template-columns:minmax(0,1fr) 112px;gap:24px;margin:24px 0;align-items:start}
#create-page .cover-controls{grid-template-columns:1fr 1fr;gap:16px}#create-page .cover-style-choice{grid-column:1/-1}
#create-page .cover-preview{margin-top:24px}#create-page .cover-preview img{box-shadow:none}
#create-page .prepare-note{font-size:12px;margin:12px 0 0}#create-page #couples-cover-pair{margin-top:20px}.couple-cover-previews{max-width:216px}
.search-field{display:block;font-size:13px;color:var(--muted);margin-bottom:20px}.search-field input{display:block;width:100%;margin-top:8px}
.perform-list{display:flex;flex-direction:column;gap:8px}.perform-routine{width:100%;text-align:left;justify-content:space-between;gap:16px;padding:18px 16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-height:80px}
.perform-routine>span:first-child{min-width:0}.perform-routine strong{display:block;font-size:18px;font-weight:550;letter-spacing:.02em;overflow-wrap:anywhere}.perform-routine small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.perform-open{font-size:11px;color:var(--accent);white-space:nowrap;flex-shrink:0}
.perform-more{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.perform-more>summary{display:flex;align-items:center;gap:10px;min-height:54px;padding:16px 44px 16px 16px;font-size:14px}
.perform-more>summary::after{right:18px}
.perform-more-count{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.perform-more>.perform-list{padding:0 8px 8px}
.empty-state{padding:28px 20px;border:1px dashed var(--line);border-radius:10px}.empty-state p{font-size:15px}.empty-state a{font-size:14px;color:var(--accent)}
#library.member-card{padding:0;background:none;border:0}.library-tools{gap:8px;margin-bottom:16px}.saved-book{padding:20px 0}.saved-book strong{font-size:18px}.saved-book small{line-height:1.65}.saved-actions button{min-height:44px}
#settings-page .account-details{padding:20px}#settings-page .account-details>summary{display:none}#settings-page #identity{font-size:15px;overflow-wrap:anywhere}#settings-page h2{font-size:17px;margin:24px 0 10px}#settings-page #orders p{font-size:14px}#settings-page .device-panel{margin:0;padding:20px 0}.settings-support{display:flex;gap:24px;padding:20px 0;border-top:1px solid var(--line);font-size:13px}.login-privacy{font-size:12px;margin-top:20px}
.guide-ownership{font-size:13px;color:var(--muted);margin:0 0 20px}.guide-ownership b{font-weight:550;color:var(--ink)}
.app-walkthrough{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:24px}
.walk-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.walk-heading h2{font-size:15px;letter-spacing:0;margin:0;font-weight:500;color:var(--muted)}.walk-heading .caption{font:11px var(--mono);margin:0;color:var(--accent)}
.app-walkthrough h3{font-size:23px;margin-bottom:16px}.app-walkthrough p,.app-walkthrough li{font-size:14px;line-height:1.65;max-width:62ch}.app-walkthrough b{color:var(--ink);font-weight:600}
.lesson-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.lesson-pair figure,.lesson-figure{margin:0}.lesson-pair figcaption{font-size:12px;color:var(--ink);margin-bottom:8px}.lesson-pair figcaption small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.lesson-image{padding:8px;width:100%;min-height:0;background:var(--bg);border:1px solid var(--line);border-radius:8px;display:block;overflow:hidden}.lesson-image svg,.lesson-image img{display:block;width:100%;height:150px;object-fit:contain}.lesson-image.lesson-wide svg{height:auto;max-height:280px}.lesson-caption{font-size:11px!important;color:var(--muted);margin:8px 0 16px!important}
.lesson-sequence{display:flex;gap:8px;margin:20px 0;padding:0;list-style:none}.lesson-sequence li{flex:1;border-top:2px solid var(--line);padding:10px 0;font-size:13px}.lesson-sequence b{display:block;color:var(--accent);font-size:11px;margin-bottom:4px}
.walk-key{border-left:2px solid var(--accent-edge);padding:8px 0 8px 14px;margin:20px 0;color:var(--ink)}
.walk-list,.walk-checklist{padding-left:20px;margin:16px 0;color:var(--muted)}.walk-list li,.walk-checklist li{padding-left:4px;margin-bottom:10px}
.walk-controls{display:flex;justify-content:space-between;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.walk-controls #walk-next,.walk-controls #walk-done{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.walk-definitions{margin:16px 0}.walk-definitions dt{font-size:14px;font-weight:550;color:var(--ink);margin-top:18px}.walk-definitions dd{font-size:14px;line-height:1.65;margin:6px 0 0;color:var(--muted)}
.file-glossary{border-bottom:1px solid var(--line);padding:4px 0;margin-bottom:16px}.file-glossary summary{font-size:15px;min-height:48px}.file-glossary .walk-definitions{padding:0 8px 16px}
@media(max-width:600px){
 .studio>header{padding:16px 20px}.studio .member{padding:4px 20px 32px}.studio h1{font-size:26px;margin:12px 0 20px}.studio .brand{font-size:21px}
 .home-menu{gap:20px}.home-menu>a{padding:20px 24px;min-height:84px;gap:16px}.home-menu strong{font-size:17px}
 #create-page .cover-setup{grid-template-columns:minmax(0,1fr) 84px;gap:16px}#create-page .cover-controls{grid-template-columns:1fr;gap:12px}#create-page .cover-preview{margin-top:24px}
 .app-walkthrough{padding:20px 16px}.app-walkthrough h3{font-size:21px}.walk-controls button{padding:12px 16px;font-size:13px}.lesson-image svg,.lesson-image img{height:116px}
 .perform-routine{padding:16px 12px}.perform-routine strong{font-size:17px}.perform-open{font-size:10px}
}

body.studio{min-height:100dvh;background-attachment:fixed}
.lesson-phones .lesson-image img{height:auto;max-height:360px;object-fit:contain;background:#000;border-radius:12px}
.lesson-phones .lesson-image{background:#000;padding:0;border-radius:12px;overflow:hidden}
.reveal-example{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:23px;line-height:1.6;background:#eeeae1;color:#1a1a1a;border-radius:10px;padding:16px 28px;margin:20px 0;width:max-content}
.reveal-example em{display:inline-block;outline:1.5px solid #394859;border-radius:50%;font-style:normal;padding:0 2px}
.lesson-pair figcaption b,.lesson-pair figcaption span,.lesson-wide figcaption b,.lesson-wide figcaption span{display:block}
.lesson-pair figcaption,.lesson-wide figcaption{margin:8px 0 0;font-size:12px;line-height:1.5}
.lesson-pair figcaption span,.lesson-wide figcaption span{color:var(--muted);font-size:11px;margin-top:4px}
.lesson-wide{margin:16px auto;max-width:360px}.lesson-wide svg{height:180px}
.lesson-sequence{display:block;counter-reset:lesson;margin:20px 0}
.lesson-sequence li{display:grid;grid-template-columns:24px 1fr;column-gap:10px;border-top:1px solid var(--line);padding:14px 0;line-height:1.55}
.lesson-sequence li::before{counter-increment:lesson;content:counter(lesson);grid-row:1/3;font:12px var(--mono);color:var(--accent);padding-top:2px}
.lesson-sequence b{font-size:13px;line-height:1.5;margin:0 0 4px;color:var(--ink)}.lesson-sequence span{font-size:13px;color:var(--muted)}
#create-page .cover-controls{grid-column:1;grid-row:1}
#create-page .cover-preview{grid-column:2;grid-row:1;margin-top:24px;max-width:112px}
#create-page .cover-style-choice{grid-row:2}
#create-page #generate.is-couples .cover-setup,#create-page #generate.is-couples .cover-controls{grid-template-columns:1fr}
.studio[data-app-page="home"],.studio[data-app-page="perform"],.studio[data-app-page="library"],.studio[data-app-page="instructions"],.studio[data-app-page="settings"]{--mode-glow:#355b9230}
#library-status:empty{display:none}#library-status{font-size:14px;line-height:1.6}
#library-retry,#perform-retry{margin:0 0 20px}
#library.member-card{margin:0}
#settings-page .account-details>p,#settings-page .account-details>button,#settings-page .account-details>h2,#settings-page .account-details>#orders{margin-left:0;margin-right:0}
.app-walkthrough .caption{font-size:12px;line-height:1.6;color:var(--muted)}
.studio>header{max-width:752px}
.studio[data-app-page="home"]>header{max-width:568px;justify-content:center;padding:28px 24px 20px;min-height:188px;position:relative}
.studio[data-app-page="home"] .brand{flex-direction:column;gap:12px;font-size:32px;font-weight:650;letter-spacing:-1.2px;text-align:center}
.studio[data-app-page="home"] .brand img{width:96px;height:80px;filter:drop-shadow(0 8px 14px #0005)}
.studio[data-app-page="home"] .brand span{color:var(--ink);text-shadow:0 2px 12px #bed6f414}
.studio #home-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.studio #home-intro{margin:0}
@media(max-width:600px){.studio[data-app-page="home"]>header{padding:28px 20px 24px}.studio[data-app-page="home"] .brand{font-size:32px;gap:10px}.studio[data-app-page="home"] .brand img{width:88px;height:72px}}
@media(prefers-reduced-motion:reduce){.home-menu>a:hover,.home-menu>a:active{transform:none}}

/* Three performance actions, with quieter reference tools below. */
.studio[data-app-page="home"] .member{display:flex;flex-direction:column;min-height:calc(100svh - 188px);padding-top:0;padding-bottom:max(28px,env(safe-area-inset-bottom))}
.studio[data-app-page="home"] #account{display:flex;flex-direction:column;flex:1}
#home-page{display:flex;flex-direction:column;flex:1;min-height:420px}
.menu-icon{width:32px;height:32px;flex-shrink:0;color:var(--muted)}.home-perform .menu-icon{color:var(--accent)}
.home-utilities{display:flex;justify-content:center;gap:24px;margin:0 auto;width:100%;padding-top:12px}
.home-utilities>a{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff06,0 3px 8px #0002;text-decoration:none}
.home-utilities .menu-icon{width:25px;height:25px}.home-utilities>a:hover{background:var(--raised);border-color:var(--accent-edge)}.home-utilities>a:active{box-shadow:inset 0 2px 5px #0004}
.perform-topbar{display:flex;justify-content:flex-end;margin:0 0 20px}
.create-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:13px;color:var(--accent);background:var(--surface)}.create-shortcut:hover{background:var(--raised)}.create-shortcut>span{font-size:20px;line-height:1}
#logo-surprise{display:none}.studio[data-app-page="home"] #logo-surprise{display:block;position:absolute;bottom:0;left:0;right:0;text-align:center;color:var(--accent);font-size:12px;letter-spacing:.04em;pointer-events:none}
.studio[data-app-page="home"] .brand.logo-magic img{animation:logo-magic 1.7s ease-in-out}
@keyframes logo-magic{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-5deg);filter:drop-shadow(0 4px 15px #bed6f488)}55%{transform:translateY(-5px) rotate(4deg)}75%{transform:translateY(-2px) rotate(-1deg)}}
.dice-opening>summary{display:flex;align-items:center;gap:14px;list-style:none;padding:18px 0}.dice-opening>summary::-webkit-details-marker{display:none}.dice-opening>summary::after{content:'+';margin-left:auto;font-size:22px;color:var(--muted)}.dice-opening[open]>summary::after{content:'−'}
.dice-opening>summary svg{width:36px;height:36px;flex-shrink:0;color:var(--accent)}.dice-opening>summary span{font-size:16px;font-weight:550}.dice-opening>summary small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}
.dice-body{padding:8px 0 16px}.dice-body p,.dice-body li{font-size:14px;line-height:1.65}.dice-body .caption{font-size:12px}
.dice-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.dice-outcomes>div{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.dice-outcomes b,.dice-outcomes span{display:block}.dice-outcomes b{font-size:15px;color:var(--accent)}.dice-outcomes span{font-size:12px;color:var(--muted);margin-top:4px}
.dice-steps{padding-left:20px}.dice-steps li{padding-left:4px;margin:0 0 16px;color:var(--muted)}.dice-steps b{color:var(--ink)}
.dice-pages{display:flex;justify-content:space-between;gap:12px;border-block:1px solid var(--line);padding:14px 0;margin:20px 0}.dice-pages span{flex:1;text-align:center;color:var(--muted);font-size:11px}.dice-pages b{display:block;color:var(--ink);font-size:16px;margin-bottom:2px}.dice-callback{border-left:2px solid var(--accent-edge);padding:10px 0 10px 14px;color:var(--ink)}
@media(max-width:360px){.home-menu>a{padding:20px;grid-template-columns:28px 1fr 10px;gap:12px}.home-menu .menu-icon{width:28px;height:28px}.home-menu strong{font-size:16px}}
@media(max-height:650px){.studio[data-app-page="home"]>header{min-height:152px;padding:20px 24px}.studio[data-app-page="home"] .brand{font-size:28px;gap:8px}.studio[data-app-page="home"] .brand img{width:68px;height:56px}.studio[data-app-page="home"] .member{min-height:calc(100svh - 152px)}}

/* Preparation uses the same rounded controls and quiet depth as the entrance. */
.studio[data-app-page="create"]>header,.studio[data-app-page="create"] .member{max-width:960px}
.studio[data-app-page="create"] h1{margin-bottom:28px}
#create-page .prepare-mode{border:0;background:none;padding:0;gap:12px;margin:0 0 24px}
#create-page .prepare-mode button{flex-direction:row;gap:10px;min-height:62px;padding:15px 18px;border:1px solid var(--line);border-radius:999px;background:linear-gradient(165deg,var(--raised),var(--surface));box-shadow:inset 0 1px 0 #ffffff06,0 3px 8px #0002}
#create-page .prepare-mode button[aria-pressed="true"]{background:var(--tab-bg);border-color:var(--tab-accent);box-shadow:inset 0 1px 0 #ffffff10,0 4px 12px #0002}
#create-page .prepare-mode button .routine-label{font-size:14px!important;line-height:1.25;letter-spacing:0;font-weight:550;opacity:1;margin:0;text-align:center}
.routine-icon{width:22px;height:22px;flex:none}
.create-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:24px;align-items:start}
.create-people,.create-book{min-width:0;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,var(--surface),var(--bg));box-shadow:inset 0 1px 0 #ffffff05,0 5px 18px #0001}
#create-page .name-primary,#create-page #create-book-title{font-family:var(--sans);font-size:16px;font-weight:550;letter-spacing:-.02em;line-height:1.4;margin:0 0 16px}
#create-page .name-input{border-radius:14px;min-height:90px;font-size:32px;padding:20px 16px;letter-spacing:.075em;margin-top:0}
#create-page #name-help{font-size:12px;line-height:1.6;margin:12px 0 0}
#create-page #reveal-word-field,#create-page #partner-field{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
#create-page #reveal-word-help,#create-page #couple-reveal-help,#create-page #couple-word-help{font-size:12px;line-height:1.6;margin:12px 0 0}
#create-page #couple-shared-word-field{margin-top:16px}
#create-page select{border-radius:12px;min-height:48px;font-size:14px}
#create-page .cover-setup{grid-template-columns:minmax(0,1fr) 116px;gap:22px 20px;margin:0;align-items:start}
#create-page .cover-controls{grid-template-columns:minmax(0,1fr);gap:16px;grid-column:1;grid-row:1}
#create-page .cover-controls label{font-size:13px}
#create-page .cover-controls select{padding:12px 10px}
#create-page .cover-preview{grid-column:2;grid-row:1;max-width:116px;margin:4px 0 0;align-self:center}
#create-page .cover-preview img{box-shadow:0 10px 20px #0004,0 1px 2px #0008}
#create-page .cover-preview span{font-size:11px;margin-top:12px}
#create-page .cover-style-choice{grid-column:1/-1;grid-row:2;letter-spacing:0;font-size:13px;gap:8px}
#create-page .cover-style-choice>div{border-radius:999px;padding:4px;background:var(--bg)}
#create-page .cover-style-choice button{border-radius:999px;min-height:42px;font-size:13px;padding:10px 14px}
#create-page #couples-cover-pair{margin:0 0 20px}
#create-page #couples-cover-pair>p:first-child{margin:0 0 16px;font-size:12px;color:var(--muted)}
#create-page .couple-cover-previews{max-width:252px;gap:20px;margin:0 auto}
#create-page .couple-title-ending{font-size:13px;line-height:1.6;margin:16px 0 0}
#create-page #generate.is-couples .cover-setup{grid-template-columns:1fr}
#create-page #book-settings{border:1px solid var(--line);border-radius:18px;padding:0 22px;margin:24px 0;background:var(--surface)}
#create-page #book-settings>summary{padding:18px 28px 18px 0;font-size:15px}
#create-page #settings-summary{font-size:12px;margin-top:4px}
#create-page #book-settings .caption{font-size:12px;line-height:1.6}
#create-page #compare{border-radius:999px;font-size:13px}
#create-page .prepare-actions{margin-top:24px}
#create-page #prepare{border-radius:999px;background:var(--accent);border-color:var(--accent);min-height:60px;padding:16px 26px;font-size:16px;box-shadow:inset 0 1px 0 #fff6,0 6px 18px #0003}
#create-page #prepare::after{content:'→'}
#create-page #prepare:hover{filter:brightness(1.08)}
#create-page .prepare-note{font-size:12px;margin:14px 0 0}
@media(max-width:760px){
 .create-grid{grid-template-columns:1fr;gap:20px}
 .create-people,.create-book{padding:22px}
 #create-page .prepare-mode{gap:8px}
 #create-page .prepare-mode button{flex-direction:column;gap:8px;min-height:84px;padding:14px 8px;border-radius:22px}
 #create-page .prepare-mode button .routine-label{font-size:13px!important}
 #create-page .cover-setup{grid-template-columns:minmax(0,1fr) 110px;gap:20px 18px}
 #create-page .cover-preview{max-width:110px}
 #create-page .member-grid{grid-template-columns:1fr;gap:16px}
}
@media(max-width:360px){
 .create-people,.create-book{padding:18px}
 #create-page .prepare-mode button .routine-label{font-size:12px!important}
 #create-page .cover-setup{grid-template-columns:minmax(0,1fr) 80px;gap:18px 12px}
 #create-page .cover-preview{max-width:80px}
 #create-page .cover-controls select{font-size:13px;padding:12px 6px}
 #create-page .name-input{font-size:29px}
}

/* Private reference lessons: one idea open, with the same cue colours as the cards. */
.teaching-intro{font-size:14px;color:var(--muted)}
.teaching-topic{border:1px solid var(--line);border-radius:14px;margin:10px 0;background:var(--surface);overflow:hidden;scroll-margin-top:20px}
.teaching-topic>summary{display:flex;align-items:center;gap:14px;padding:18px 40px 18px 16px;min-height:78px}
.teaching-topic>summary::after{right:17px}
.teaching-topic>summary b{font-size:16px;line-height:1.35;display:block}
.teaching-topic>summary small{display:block;color:var(--muted);font-size:12px;font-weight:400;line-height:1.45;margin-top:4px}
.teaching-number{display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid var(--line);border-radius:50%;font:12px var(--mono);color:var(--muted)}
.teaching-topic[open]>summary{border-bottom:1px solid var(--line)}
.teaching-topic[open] .teaching-number{color:var(--ink);border-color:var(--accent-edge)}
.teaching-body{padding:20px;font-size:14px;line-height:1.65}
#instructions-content .teaching-body p{margin:0 0 18px}
#instructions-content .teaching-body .teaching-note{font-size:12px;color:var(--muted);line-height:1.6;margin-top:14px}
.teaching-rule{padding:14px 16px;border-left:2px solid var(--accent-edge);background:var(--bg);border-radius:0 8px 8px 0}
.teaching-next{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;width:100%;margin-top:24px;padding:13px 16px;border:1px solid var(--accent-edge);border-radius:10px;text-decoration:none;font-size:13px;color:var(--ink);background:var(--raised);text-align:left}
.teaching-next:hover{background:var(--surface);border-color:var(--accent)}
.teaching-roles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;text-align:center}
.teaching-roles>div{padding:16px 10px;background:var(--bg);border:1px solid var(--line);border-radius:12px}
.teaching-roles svg{display:block;width:70px;height:54px;margin:0 auto 12px;color:var(--ink)}
.teaching-roles b,.teaching-roles span{display:block}.teaching-roles b{font-size:14px;margin-bottom:6px}.teaching-roles span{font-size:12px;line-height:1.6;color:var(--muted)}
.teaching-checklist{counter-reset:teach;list-style:none;padding:0;margin:0 0 20px}
.teaching-checklist li{counter-increment:teach;display:grid;grid-template-columns:24px 1fr;gap:4px 10px;padding:12px 0;border-bottom:1px solid var(--line)}
.teaching-checklist li::before{content:counter(teach);grid-row:1/3;font:12px/1.8 var(--mono);color:var(--muted)}
.teaching-checklist li>b{font-size:14px}.teaching-checklist li>span{font-size:13px}
.teaching-sources{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px}
.teaching-sources>div{border-left:1px solid var(--line);padding-left:12px}
.teaching-sources dt{font:600 14px var(--mono);color:var(--ink)}.teaching-sources dt i{font:italic 18px Georgia,serif}
.teaching-sources dd{margin:5px 0 0;font-size:12px;line-height:1.5}
.teaching-colour-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#0b0f15;padding:16px 10px;border-radius:12px;color:#b8bec8;margin:16px 0}
.teaching-colour-key>div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
#instructions-content .cue-first,.app-walkthrough .cue-first{color:#ffc57d}
#instructions-content .cue-second,.app-walkthrough .cue-second{color:#85d9ed}
#instructions-content .cue-last,.app-walkthrough .cue-last{color:#d8b5ff}
.teaching-colour-key b{font-size:12px;font-weight:600}.teaching-colour-key small{font-size:10px}
.teaching-cue-word{font:600 19px var(--mono);letter-spacing:.02em;line-height:1.5;white-space:nowrap}
.teaching-cue-word mark{background:none;font-weight:800;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px;padding:0}
.teaching-colour-key i.teaching-cue-word{font:italic 22px/1.5 Georgia,serif;letter-spacing:0}
.teaching-paragraph-key{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:13px}
.teaching-p{display:inline-grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid var(--muted);border-radius:4px;font:14px var(--mono);color:var(--ink)}
.teaching-spreads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:center;margin:22px 0}
.teaching-spreads b{font-size:12px;font-weight:500}.teaching-mini-book{display:grid;grid-template-columns:1fr 1fr;margin-bottom:8px;border:1px solid var(--muted);border-radius:3px;min-height:44px;background:var(--bg)}
.teaching-mini-book span{display:grid;place-items:center;font:12px var(--mono)}.teaching-mini-book span+span{border-left:1px solid var(--line)}
.teaching-map{margin:24px 0}.teaching-paper-spread{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-width:390px;margin:auto;background:#c9c4b8;border:1px solid #c9c4b8;border-radius:3px;overflow:hidden}
.teaching-paper{padding:16px 12px;background:#f1eee5;color:#353a3e}.teaching-paper>b{display:block;font:12px Georgia,serif;margin-bottom:8px;color:#353a3e!important}
.teaching-title-line{display:block;width:58%;height:5px;background:#55595b;margin:8px 0 16px 20px;border-radius:1px}
.teaching-paragraph{display:grid;grid-template-columns:16px 1fr;gap:6px;margin:8px 0;padding:5px 3px;border-radius:3px}
.teaching-paragraph>span{font:11px/1.4 var(--mono)}.teaching-paragraph i{display:block;height:2px;background:#767b7e;margin:3px 0}.teaching-paragraph i:last-child{width:76%}
.paragraph-top{outline:1px solid #777e83}.paragraph-bottom{outline:1px dashed #777e83}.paragraph-final{opacity:.6}
.teaching-map figcaption{font-size:12px;line-height:1.6;margin-top:10px;text-align:center}
.teaching-halves{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--bg);padding:16px 10px;border:1px solid var(--line);border-radius:10px;margin:20px 0}
.teaching-halves small{display:block;font:9px/1.6 var(--mono);color:var(--muted)}.teaching-halves strong{display:block;font-size:14px;white-space:nowrap}
.teaching-neighbours{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.teaching-neighbours figure{margin:0;padding:14px 8px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.teaching-neighbours figcaption{font-size:11px;text-align:center;margin-bottom:12px;color:var(--muted)}
.neighbour-vertical,.neighbour-horizontal{display:flex;align-items:center;justify-content:center;gap:8px;min-height:102px;font-size:11px;line-height:1.4;text-align:center}
.neighbour-vertical{flex-direction:column}.teaching-neighbours b{padding:6px;border:1px solid var(--muted);border-radius:4px;font-size:10px;font-weight:500}
.teaching-reveal{display:flex;gap:26px;align-items:center;margin:24px 0;padding:22px;background:var(--bg);border-radius:12px;border:1px solid var(--line)}
.teaching-reveal-words{flex:none;font:22px/1.7 var(--mono);letter-spacing:.06em}
.teaching-reveal-words>div{display:grid;grid-template-columns:2ch 1.1ch 2ch;column-gap:.1ch}.teaching-reveal-words b{text-align:center;border-left:1.5px solid var(--ink);border-right:1.5px solid var(--ink);font-weight:500}
.teaching-reveal-words>div:first-child b{border-top:1.5px solid var(--ink);border-radius:55% 55% 0 0}.teaching-reveal-words>div:last-child b{border-bottom:1.5px solid var(--ink);border-radius:0 0 55% 55%}
.teaching-reveal figcaption{font-size:12px;line-height:1.6}.teaching-reveal figcaption b,.teaching-reveal figcaption span{display:block}.teaching-reveal figcaption b{margin-bottom:6px}
.teaching-extras-heading{font-size:13px;color:var(--muted);margin:30px 0 14px;letter-spacing:0;font-weight:500}
.teaching-extra>summary{font-size:14px;line-height:1.45}.teaching-extra .teaching-body{padding:4px 0 12px}
.teaching-example,.teaching-couple{display:flex;align-items:center;justify-content:center;gap:18px;margin:16px 0 24px;text-align:center;color:var(--ink)}
.teaching-example small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.teaching-couple>span:not([aria-hidden]){padding:20px 14px;border:1px solid var(--line);border-radius:5px;background:var(--bg);font-size:13px}
.teaching-code{display:flex;align-items:center;gap:8px;justify-content:center;font:23px var(--mono);background:var(--bg);padding:20px;border-radius:10px;margin:12px 0 20px}.teaching-code>span:not(:nth-child(3)){border-bottom:1px solid var(--muted);padding:3px 0}
.teaching-code-key>div{display:grid;grid-template-columns:50px 1fr;gap:12px;margin:12px 0}.teaching-code-key dt{font:13px var(--mono);color:var(--ink)}.teaching-code-key dd{margin:0;font-size:13px;line-height:1.5}
.fold-legend{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0;font-size:12px}.fold-legend>span{display:flex;align-items:center;gap:8px}.fold-legend i{display:inline-block;width:26px;height:0}.fold-crease{border-top:2px dashed var(--muted)}.fold-cut{border-top:3px solid #e57468}
#instructions-content .fold-guide-step{border-bottom:0;margin:0;scroll-margin-top:20px}.fold-guide-step>summary{font-size:14px;padding-top:15px;padding-bottom:15px}.fold-guide-step>div{padding-bottom:16px}.fold-guide-step svg{width:100%;height:auto;max-width:420px;display:block;margin:0 auto 16px}
@media(max-width:600px){
 #instructions-content{padding:16px}
 .teaching-topic>summary{padding:16px 34px 16px 12px;gap:10px}.teaching-topic>summary b{font-size:15px}.teaching-topic>summary small{font-size:11px}
 .teaching-body{padding:18px 12px}.teaching-roles{gap:8px}.teaching-roles>div{padding:14px 8px}.teaching-roles b{font-size:12px}.teaching-roles span{font-size:11px}
 .teaching-halves{flex-direction:column;gap:8px;text-align:center}.teaching-halves strong{font-size:15px}
 .teaching-neighbours{grid-template-columns:1fr}.neighbour-vertical,.neighbour-horizontal{min-height:72px}
 .teaching-reveal{flex-direction:column;gap:16px;padding:18px;text-align:center}
 .teaching-spreads{gap:10px}.teaching-colour-key{gap:4px;padding:14px 6px}.teaching-colour-key b{font-size:10px}.teaching-cue-word{font-size:16px}.teaching-colour-key i.teaching-cue-word{font-size:18px}
 .teaching-paper{padding:12px 8px}.teaching-code{font-size:19px;gap:6px}
}
@media(max-width:600px){.teaching-colour-key b{font-size:12px;min-height:36px;display:flex;align-items:center;justify-content:center;line-height:1.4}.teaching-cue-word{font-size:18px}.teaching-colour-key i.teaching-cue-word{font-size:20px}}

/* One compact, centred Home composition, visible before account/file loading. */
.studio[data-app-page="home"]{padding-top:clamp(36px,9svh,96px)}
.studio[data-app-page="home"]>header{min-height:0;padding:0 24px;width:100%}
.studio[data-app-page="home"] .member{min-height:0;padding-top:clamp(32px,9svh,82px);padding-bottom:max(36px,env(safe-area-inset-bottom));width:100%}
.studio[data-app-page="home"] #account{flex:none}
.studio[data-app-page="home"] #home-page{flex:none;min-height:0}
.studio[data-app-page="home"] .home-menu{margin:0 auto;padding:0}
.studio[data-app-page="home"] .home-utilities{padding-top:clamp(30px,7svh,60px)}
.studio[data-app-page="home"] #account-loading:not([hidden]){min-height:0;padding:0}
@media(max-height:650px){.studio[data-app-page="home"]{padding-top:28px}.studio[data-app-page="home"] .member{padding-top:28px}.studio[data-app-page="home"] .home-menu{gap:14px}.studio[data-app-page="home"] .home-menu>a{min-height:70px;padding-top:15px;padding-bottom:15px}.studio[data-app-page="home"] .home-utilities{padding-top:28px}}

/* Private workshop launcher; visible only after admin account verification. */
.admin-pocket-link{display:flex;align-items:center;justify-content:center;gap:10px;max-width:340px;margin:14px auto 0;padding:12px 20px;border:1px solid #ffffff1c;border-radius:16px;color:#a9bad0;font-size:14px;text-decoration:none}.admin-pocket-link:hover{background:#ffffff08}.admin-tag{font-size:10px;letter-spacing:.09em;text-transform:uppercase;opacity:.65}.admin-route-link{display:block;margin-top:16px}.admin-access{min-height:100svh;display:grid;place-items:center;padding:24px}.admin-access main{max-width:420px;text-align:center}.admin-access p{line-height:1.7}.admin-access a{display:inline-block;margin-top:18px}

/* Admin shortcut stays beside the selected routine, outside collapsed tasks. */
.studio .share-demo-shortcut{margin:0 0 24px;min-height:44px;padding:10px 18px;border-radius:999px;border-color:var(--accent-edge);background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:600}