/* Podium Study: silver studio. White, charcoal, and soft spectral accents. */
:root{--bg:#F8F9FC;--paper:#FFFFFF;--sunk:#ECEEF3;--ink:#24262C;--muted:#5A5D68;--line:#DDE0E8;--primary:#292C34;--primary-hover:#454952;--on-primary:#FFFFFF;--plum:#282B33;--accent-ink:#44465F;--band:#EEF0F6;--band-ink:#282B33;--display:'Sora',sans-serif;--body:'DM Sans',sans-serif;--control-line:#959BA9;--r:22px 6px 22px 6px;--shape-paper:24px 7px 24px 7px;--shape-fold:7px 24px 7px 24px;--shadow:0 2px 6px #252b3b05,0 10px 28px #252b3b07;--shadow-lift:0 8px 32px #252b3b10,0 24px 60px #252b3b09}
html{scroll-padding-top:100px}body{background:var(--bg);font-family:var(--body);color:var(--ink)}::selection{background:#DAD4F2;color:#24262C}input,textarea{caret-color:#6655A0}*{scrollbar-color:#B5BAC5 #F1F2F6;scrollbar-width:thin}a,button,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8072B1;outline-offset:4px}h1,h2,h3,h4{font-family:var(--display);font-weight:500;letter-spacing:-.035em;color:var(--ink)}a{color:inherit}.wrap{max-width:1280px}.bar{background:#FFFFFFF2;border-color:var(--line);box-shadow:0 2px 14px #20263703;backdrop-filter:blur(18px)}.bar .wrap{padding-top:18px;padding-bottom:18px}.logo{font-family:var(--display);font-size:18px;letter-spacing:-.045em;gap:12px}.mark{background:linear-gradient(135deg,#FFFFFF 0%,#B6BAC4 25%,#F5F6FA 44%,#767C8A 65%,#D4D8E3 100%);box-shadow:inset 0 1px 1px white,0 2px 5px #20263722;border:1px solid #A7ADB9;border-radius:8px 2px 8px 2px}.mark::after{background:#DED7F4!important;border:1px solid #C1B9DF;border-radius:2px 6px 2px 6px}.nav{margin-left:32px}.nav a{border-radius:7px;font-size:14px}.right .who{font-size:13px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right .btn{font-size:13px;min-height:40px;padding:8px 14px}.btn{font-family:var(--body);font-weight:500;border-radius:9px 18px 9px 9px;min-height:44px;box-shadow:0 1px 2px #20263704}.btn.primary{border-radius:16px 6px 16px 6px;background:#292C34;color:white}.btn.primary:hover{background:#454952}.btn.small{min-height:36px;border-radius:7px 12px 7px 7px}.btn:active{transform:translateY(1px) scale(.98)}.foot{border-color:var(--line);margin-top:60px;font-size:12px;background:#FFFFFF}.foot .wrap{padding-top:24px;padding-bottom:24px}.foot a{text-decoration:none;color:var(--muted)}.dashboard{padding-top:24px;padding-bottom:20px}.dashboard-hero{position:relative;min-height:360px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding:36px 12px 38px;isolation:isolate;--sheen-x:45%;--ribbon-turn:0deg}.dashboard-copy{position:relative;z-index:2}.dashboard-copy h1{font-size:clamp(42px,5.1vw,68px);line-height:1.08;font-weight:500;letter-spacing:-.055em;margin:0 0 22px;max-width:13ch;text-wrap:balance}.dashboard-copy>p{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 28px}.hero-rule{display:flex;gap:20px;align-items:center;color:var(--muted);font-size:12px}.metal-chip{display:inline-flex;border:1px solid #D7DAE4;border-radius:30px;padding:6px 11px;white-space:nowrap;background:linear-gradient(115deg,#FFF,#E8EAF1 50%,#FFF);box-shadow:inset 0 1px 0 white;font-size:11px;color:#505564}.foil-art{position:relative;height:330px;width:100%;perspective:1000px;isolation:isolate;contain:layout paint;animation:foil-enter 900ms cubic-bezier(.23,1,.32,1) both}.foil-sheet{position:absolute;inset:16% 6% 10%;transform:rotate(-15deg) rotateY(var(--ribbon-turn));transition:transform 800ms cubic-bezier(.23,1,.32,1);filter:drop-shadow(0 26px 20px #4F586522)}.foil-ribbon{position:absolute;width:90%;height:110px;border-radius:55% 5% 60% 20%;background:linear-gradient(156deg,#FDFEFF 1%,#9AA1B0 9%,#F8FAFD 19%,#B7BDCA 29%,#FDFEFF 38%,#717C8D 45%,#DDE2EB 52%,#FFF 58%,#939EAF 66%,#E8ECF3 78%,#BDC4D0 88%,#FFFFFF 98%);background-size:150% 150%;background-position:var(--sheen-x) 50%;box-shadow:inset 0 2px 3px #FFF,inset 0 -2px 4px #5B677766;transition:background-position 700ms cubic-bezier(.23,1,.32,1);transform:skewY(-12deg)}.foil-ribbon.one{top:5%;left:0;transform:skewY(-16deg) rotateX(14deg)}.foil-ribbon.two{top:32%;left:10%;height:115px;transform:skewY(18deg) rotate(5deg);background-image:linear-gradient(160deg,#FFFFFF 0%,#B7BECC 15%,#F4F6FA 25%,#647081 34%,#CCD3DE 39%,#FFFFFF 50%,#C0C6D2 60%,#EDE8FA 78%,#D8E7F3 86%,#FFF 100%)}.foil-ribbon.three{top:65%;left:5%;height:75px;transform:skewY(-10deg);background-image:linear-gradient(155deg,#FFF,#ABB3C1 18%,#FAFBFC 40%,#A9B2C3 48%,#EFF2F7 59%,#FFF3D2 80%,#FFF)}.foil-orbit{position:absolute;inset:20% 12% 4%;border-radius:50%;background:radial-gradient(ellipse,#DDE5F36E,transparent 68%);filter:blur(12px)}.foil-glint{position:absolute;inset:2%;background:radial-gradient(ellipse at var(--sheen-x) 35%,#FFFFFFA0,transparent 45%);mix-blend-mode:soft-light;pointer-events:none}.launch-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin:4px 0 54px}.launch-tile{position:relative;display:grid;grid-template-columns:46px 1fr;align-content:start;gap:20px;padding:30px;text-decoration:none;min-height:230px;overflow:hidden;border:1px solid #D5D8E2;border-radius:30px 7px 30px 7px;isolation:isolate;transition:transform 220ms cubic-bezier(.23,1,.32,1),box-shadow 220ms ease,border-color 220ms ease;background:#FFF}.launch-tile::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,#FFFFFFA0 40%,#FFFFFFE0 45%,transparent 52%);transform:translateX(-110%);transition:transform 650ms cubic-bezier(.23,1,.32,1);z-index:-1}.launch-tile h2{font-size:27px;line-height:1.2;margin:0 0 12px;letter-spacing:-.04em}.launch-tile p{font-size:15px;color:#555A68;max-width:34ch;line-height:1.55;margin:0}.tool-symbol{width:44px;height:44px;border-radius:13px 4px 13px 4px;display:grid;place-items:center;background:#FFFFFF95;border:1px solid #FFFFFFE6;box-shadow:inset 0 1px 1px white,0 3px 12px #333B5005}.tool-symbol svg{width:23px;height:23px}.launch-action{grid-column:2;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:13px;font-weight:600}.launch-arrow{width:22px;height:22px;flex:none;transition:transform 220ms cubic-bezier(.23,1,.32,1)}.launch-exam{background:#ECE8F8;border-color:#DAD3EB}.launch-deck{background:#EAF3FC;border-color:#D3E1ED;border-radius:7px 32px 7px 32px}.launch-rehearse{background:#FFF9E7;border-color:#E9DFC2;border-radius:7px 30px 30px 7px;min-height:205px}.launch-study{background:linear-gradient(125deg,#FFF 0%,#EDF0F6 40%,#FAFCFF 62%,#E5E8F1 100%);border-radius:28px 7px 7px 28px;min-height:205px}.library-section{scroll-margin-top:100px}.library-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}.library-heading h2{font-size:28px;margin:0}.library-heading>p{font-size:14px;color:var(--muted)}.library-empty{grid-column:1/-1;padding:30px 0 42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.library-empty p{font-size:20px;color:var(--ink);margin-bottom:8px}.library-empty span{font-size:14px;line-height:1.6}.setcard{padding:26px;border-radius:20px 7px 20px 7px;min-height:200px}.library-kind{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#666B78}.setcard h3,.setcard h2{font-size:21px;line-height:1.35;margin:18px 0 12px}.library-open{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin-top:28px}.library-open>span{font-size:20px}.setcard .meta{font-size:13px}.create-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.6fr);gap:70px;padding-top:50px;align-items:start}.create-intro{position:sticky;top:120px}.back-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;text-decoration:none;min-height:44px;margin-bottom:30px;color:var(--muted)}.back-link svg{width:18px;height:18px;transform:rotate(180deg)}.create-intro h1{font-size:44px;line-height:1.12;max-width:10ch;margin-bottom:22px}.create-intro>p{font-size:16px;line-height:1.7;max-width:31ch;color:var(--muted)}.mini-metal{margin-top:34px;width:76px;height:76px;display:grid;place-items:center;border:1px solid #CDD2DD;border-radius:25px 6px 25px 6px;background:linear-gradient(130deg,#FFF 10%,#DFE2ED 40%,#FFF 52%,#E8E3F7 72%,#DDE8F5 100%);box-shadow:inset 0 1px 2px white,0 8px 22px #545E7410}.mini-metal svg{width:32px;height:32px}.forge{margin-top:0;padding:34px;border-radius:7px 30px 7px 30px;box-shadow:0 10px 40px #20263704}.forge h2{font-size:25px;margin-bottom:14px}.forge>.note{line-height:1.7}.forge .two{gap:18px}.field input,.field textarea,.field select{background:#FAFBFD;border-color:#B9BECA;font-family:var(--body);color:var(--ink);border-radius:7px 13px 7px 7px}.field textarea{min-height:220px}.field input::placeholder,.field textarea::placeholder{color:#686D7A}.source-choice{margin:24px 0}.source-choice label:has(:checked){background:#F0ECFA;border-color:#A49BC5}.source-choice label span{color:var(--muted)}.ws-field input:not([type=checkbox]):not([type=radio]),.ws-field select,.ws-field textarea{background:#FAFBFD;border-color:#B9BECA;font-family:var(--body)}.ws-checks{padding-bottom:12px;border-bottom:1px solid var(--line)}.ws-checks input{accent-color:#5D527C}.ws-notice,.exam-review blockquote{background:#EEF1F7}.exam-option:has(:checked){background:#EFEBF8;border-color:#A89BCB}.slide-thumb.active{background:#EFEBF8;border-color:#A89BCB}.signin-gate{padding:35px}.signin-gate h2{font-size:28px;margin-bottom:16px}.signin-gate p{margin-bottom:24px;color:var(--muted)}.rehearsal-library{padding-top:45px;padding-bottom:40px}.rehearsal-library>h1{font-size:clamp(40px,5vw,62px);margin:10px 0 22px}.studio-lede{font-size:18px;color:var(--muted)}.studio-intro{display:flex;align-items:center;gap:24px;padding:30px 0 38px;border-bottom:1px solid var(--line);margin-bottom:35px}.studio-intro>svg{width:36px;height:36px;flex:none}.studio-intro p{max-width:52ch;font-size:15px;color:var(--muted);line-height:1.7}.studio-empty{grid-column:1/-1;padding:38px 0}.studio-empty h2{font-size:27px;margin-bottom:16px}.studio-empty p{color:var(--muted);margin-bottom:22px;line-height:1.7}.auth{box-shadow:var(--shadow-lift);border-radius:30px 7px 30px 7px}.auth h1{font-size:34px}.face,.momentum-card{box-shadow:var(--shadow)}.momentum-card .tag{background:#E8E3F7;color:#514966}.modes{background:#EBEEF4;border:1px solid #DDE1EA}.mode.on{background:white;box-shadow:0 3px 12px #2F364D0D}.mode{font-family:var(--body)}.ws-panel{background:white}.grid{gap:18px}
@keyframes foil-enter{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.launch-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:#ABB1C0}.launch-tile:hover::before{transform:translateX(110%)}.launch-tile:hover .launch-arrow{transform:translateX(5px)}.back-link:hover{color:var(--ink)}.back-link:hover svg{transform:rotate(180deg) translateX(3px)}}
@media(max-width:1000px){.create-layout{gap:35px;grid-template-columns:minmax(200px,.7fr) minmax(0,1.4fr)}.create-intro h1{font-size:36px}.forge{padding:26px}.dashboard-hero{grid-template-columns:1.2fr 1fr}.foil-art{height:290px}.launch-tile{padding:25px;gap:16px}.launch-tile h2{font-size:23px}.hero-rule{flex-wrap:wrap;gap:10px}.bar .nav{margin-left:8px}}
@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.bar .wrap{gap:10px;padding-top:13px;padding-bottom:13px}.logo{font-size:16px}.mark{width:20px;height:20px}.nav{display:none}.right .who{display:none}.right .btn{min-height:36px;font-size:11px;padding:6px 10px}.right{gap:6px}.dashboard{padding-top:10px}.dashboard-hero{grid-template-columns:1fr;gap:0;padding:28px 0 15px;min-height:0}.dashboard-copy h1{font-size:43px;margin-bottom:18px;max-width:13ch}.dashboard-copy>p{font-size:16px;line-height:1.5;margin-bottom:16px}.hero-rule{display:none}.foil-art{height:170px;width:78%;margin:-5px 0 -2px auto}.foil-sheet{inset:10% 5% 15%;transform:rotate(-12deg)}.foil-ribbon{height:55px}.foil-ribbon.two{height:59px}.foil-ribbon.three{height:39px}.launch-grid{grid-template-columns:1fr;gap:14px;margin-bottom:40px}.launch-tile{padding:24px;grid-template-columns:40px 1fr;gap:16px;min-height:205px}.launch-tile h2{font-size:23px;margin-bottom:9px}.launch-tile p{font-size:14px;max-width:29ch}.launch-action{margin-top:18px;font-size:13px}.tool-symbol{width:38px;height:38px}.tool-symbol svg{width:21px;height:21px}.library-heading{display:block;margin-bottom:22px}.library-heading h2{font-size:26px;margin-bottom:10px}.library-heading p{font-size:13px}.create-layout{display:block;padding-top:24px}.create-intro{position:static}.create-intro .back-link{margin-bottom:18px}.create-intro h1{font-size:37px;max-width:15ch;margin-bottom:18px}.create-intro>p{max-width:42ch;font-size:15px;margin-bottom:28px}.mini-metal{display:none}.forge{padding:24px 20px;border-radius:7px 25px 7px 25px}.forge h2{font-size:23px}.forge .two{grid-template-columns:1fr;gap:0}.source-choice{grid-template-columns:1fr}.foot .wrap{gap:12px;flex-wrap:wrap;font-size:11px}.rehearsal-library{padding-top:24px}.studio-intro{gap:18px}.view{padding-top:30px}.auth{padding:25px}.auth h1{font-size:29px}.setcard{min-height:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.foil-art{animation:none}.foil-sheet,.foil-ribbon,.launch-tile,.launch-arrow,.launch-tile::before{transition:none}.foil-sheet{transform:rotate(-15deg)}.launch-tile:hover{transform:none}.launch-tile::before{display:none}}
.skip-link{position:fixed;left:20px;top:10px;z-index:3000;padding:12px 18px;background:#292C34;color:white;border-radius:8px;transform:translateY(-150%);font-size:14px}.skip-link:focus{transform:none}.forge select option{background:#FFF;color:#24262C}.forge :focus-visible{outline-color:#8072B1}.source-choice label:has(:checked){outline-color:#A49BC5}.source-choice input{accent-color:#655783}.prompt-reading-line{border-color:#8176A255}.spoken-word{background:#E6E2F2}.presentation-controls .btn{background:#FFF;color:#24262C}.slide-number{letter-spacing:0}.modes .mode{min-height:44px}
.foil-art{contain:layout}.foil-sheet{inset:20% 10% 20%}.foil-ribbon{animation:silver-shift 3800ms ease-in-out 500ms 1}.forge>.note{margin-bottom:22px}.forge>.two{margin-top:8px}@keyframes silver-shift{0%,100%{background-position:45% 50%}50%{background-position:95% 35%}}@media(prefers-reduced-motion:reduce){.foil-ribbon{animation:none}}