.concept-preview{--cp-text: var(--color-ink);--cp-muted: #535b73;--cp-background: #edf0fa;--cp-line: #8897b2;--cp-panel: #f7f8fe;--cp-dark: #192139;--cp-dark-text: #f6f7ff;--cp-dark-muted: #c4cee4;--cp-metal: linear-gradient(125deg, #f8fcff, #ccdfef 24%, #ffffff 46%, #f6d8f0 73%, #d1e7f8);--cp-pearl: linear-gradient(125deg, #ffffff, #f0e9f8 40%, #d7ecfa 80%);--cp-edge: linear-gradient(115deg, #8fcdf5, #fff 38%, #f3a8d8 70%, #96b8dc);--cp-shadow: 0 14px 30px #30466b20, inset 0 1px 0 #ffffff;--cp-highlight-shadow: 0 12px 30px #c163b128, 0 -8px 24px #7bbaec22;--cp-focus: #70529c;--cp-radius: var(--radius-lg)}.concept-cyber-holographic{--cp-background: var(--color-canvas);--cp-text: var(--color-text);--cp-muted: var(--color-muted);--cp-line: var(--color-control-border);--cp-panel: var(--color-paper);--cp-dark: #10182b;--cp-focus: var(--color-focus);--cp-metal: var(--surface-metal);--cp-shadow: var(--shadow-metal);--cp-highlight-shadow: 0 16px 30px #00000050, 0 -6px 24px #87d1f41c}.concept-preview[data-active=true]{min-height:100vh;color:var(--cp-text);background:var(--cp-background)}.concept-preview[data-active=true] .mini-shell{background:radial-gradient(ellipse at 0 10%,#e0bcea3d,transparent 38%),radial-gradient(ellipse at 100% 25%,#8fcdf54d,transparent 42%),var(--cp-background)}.concept-preview[data-active=true] .topbar{background:#f7f9fef5;border-color:#adbfd4;height:68px}.concept-preview[data-active=true] .brand-symbol{background:var(--cp-metal);border-color:var(--cp-line);box-shadow:inset 0 1px #fff,0 3px 8px #7796b920}.concept-preview[data-active=true] .main-content{max-width:1160px;padding-top:var(--space-5)}.concept-preview[data-active=true] .page-footer{display:none}.concept-preview[data-active=true] .bottom-nav{border-top-color:#98aac2;background:#f7f9fe;box-shadow:0 -10px 24px #bfd1e322}.concept-preview[data-active=true] .bottom-nav button{color:#4e5971;border:1px solid transparent}.concept-preview[data-active=true] .bottom-nav button.selected{color:var(--color-ink);background:var(--cp-metal);border-color:var(--cp-line);box-shadow:inset 0 1px #fff}.concept-cyber-holographic[data-active=true] .mini-shell{background:radial-gradient(ellipse at 100% 15%,#17405b65,transparent 36%),radial-gradient(ellipse at 0 45%,#53254840,transparent 45%),var(--cp-background)}.concept-cyber-holographic[data-active=true] .main-content>.empty-state[role=status]{color:var(--cp-muted)}.concept-cyber-holographic[data-active=true] .topbar{background:#101727;border-color:#526481}.concept-cyber-holographic[data-active=true] .brand{color:var(--cp-text)}.concept-cyber-holographic[data-active=true] .brand-caption{color:var(--cp-muted)}.concept-cyber-holographic[data-active=true] .topbar-account .badge{color:#f2f7ff;background:#283650}.concept-cyber-holographic[data-active=true] .topbar-account .avatar{color:#1b243c;border-color:#b4cbe0;background:var(--cp-metal)}.concept-cyber-holographic[data-active=true] .brand-symbol{color:#202c48}.concept-cyber-holographic[data-active=true] .bottom-nav{background:#111a2c;border-color:#7185a2;box-shadow:0 -8px 30px #05091580}.concept-cyber-holographic[data-active=true] .bottom-nav button{color:#cad5ea}.concept-cyber-holographic[data-active=true] .bottom-nav button.selected{color:#1b2439;border-color:#d6eaff;box-shadow:0 0 16px #8fcdf52e,inset 0 1px #fff}.concept-preview .concept-screen{position:relative;color:var(--cp-text);padding-bottom:20px}.concept-screen .cp-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:1.3px;line-height:1.7;color:var(--cp-muted)}.concept-screen h1,.concept-screen h2,.concept-screen h3{color:inherit}.concept-screen button:focus-visible,.concept-screen summary:focus-visible,.concept-preview[data-active=true] .bottom-nav button:focus-visible{outline:3px solid var(--cp-focus);outline-offset:3px}.concept-screen .cp-home-intro{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:18px}.concept-screen .cp-home-intro>div{min-width:0}.concept-screen .cp-home-intro h1{font-size:21px;line-height:1.3;letter-spacing:-.65px;margin-top:5px;overflow-wrap:anywhere}.concept-screen .cp-profile{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--cp-line);border-radius:50%;color:#26314b;background:var(--cp-metal);box-shadow:inset 0 1px #fff}.concept-screen .cp-hero{position:relative;border-radius:var(--cp-radius);isolation:isolate;box-shadow:var(--cp-highlight-shadow)}.concept-screen .cp-hero:before{content:"";position:absolute;inset:7px -4px -5px 5px;z-index:-1;border:1px solid #8eabd1;border-radius:var(--cp-radius);background:var(--cp-metal);transform:rotate(-.9deg)}.concept-screen .cp-hero-scene{height:256px;position:relative;overflow:hidden;border:1px solid #bdc8de;border-bottom:0;border-radius:var(--cp-radius) var(--cp-radius) 0 0}.concept-screen .cp-hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 47%}.concept-screen .cp-scene-label{position:absolute;top:12px;left:14px;background:#f8f9fef2;color:#27324b;border:1px solid #ffffff;border-radius:var(--radius-pill);padding:5px 8px;font-size:12px;font-weight:700;letter-spacing:.8px}.concept-screen .cp-hero-deck{position:relative;border:1px solid #a7b7d0;border-radius:24px;background:var(--cp-pearl);margin-top:-28px;padding:20px 20px 18px;box-shadow:inset 0 1px #fff,0 -6px 20px #ffffff26}.concept-screen .cp-hero-deck>.cp-kicker{font-size:12px;color:#56617b}.concept-screen .cp-hero-deck h2{font-size:29px;line-height:1.04;letter-spacing:-1px;max-width:215px;margin-top:8px}.concept-screen .cp-hero-object{position:absolute;right:-12px;top:-46px;width:175px;height:175px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 16px 12px #4d74a02a)}.concept-preview .concept-screen .button.cp-primary{position:relative;margin-top:18px;width:100%;min-height:48px;background:linear-gradient(120deg,#202943,#354463);color:#f8f9fe;border:1px solid #657a9b;border-radius:14px;box-shadow:0 6px 14px #36486926,inset 0 1px #b6c7e352}.concept-preview .concept-screen .button.cp-primary:hover:not(:disabled){background:#354763}.concept-screen .cp-membership-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin-top:18px}.concept-screen .cp-access{position:relative;display:block;padding:16px;text-align:left;color:var(--cp-dark-text);border:1px solid #6581a2;border-radius:23px;background:linear-gradient(125deg,#172238,#2e3d59 80%,#453449);box-shadow:var(--cp-shadow);overflow:hidden}.concept-screen .cp-access:after{content:"";position:absolute;width:140px;height:60px;right:-20px;top:-25px;border:1px solid #9dcce590;border-radius:50%;transform:rotate(28deg);background:linear-gradient(120deg,#f3a8d80a,#8fcdf51c);pointer-events:none}.concept-screen .cp-access-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.concept-screen .cp-access .cp-kicker{color:#cad7ef;font-size:12px;letter-spacing:1px}.concept-screen .cp-access .badge{background:#eaf5ff;color:#1d3751;font-size:12px;padding:3px 6px}.concept-screen .cp-access>strong{display:block;font-size:38px;line-height:1.2;margin:15px 0 8px;letter-spacing:-1.5px}.concept-screen .cp-access>strong small{font-size:12px;font-weight:500;letter-spacing:0}.concept-screen .cp-date{font-size:12px;color:#cbd8ed}.concept-screen .cp-progress{position:relative;border:1px solid #9eafc7;border-radius:23px;background:var(--cp-metal);box-shadow:var(--cp-shadow);padding:14px 16px;display:flex;flex-direction:column;align-items:center}.concept-screen .cp-progress>.cp-kicker{align-self:flex-start;font-size:12px;letter-spacing:1px}.concept-screen .cp-progress>span:last-child{font-size:12px;color:#4f5b74;margin-top:5px}.concept-screen .cp-ring{width:60px;height:60px;flex-shrink:0;position:relative;display:grid;place-items:center}.concept-screen .cp-ring svg{position:absolute;inset:0;width:100%;height:100%}.concept-screen .cp-ring-track{fill:none;stroke:#97a5c059;stroke-width:4px}.concept-screen .cp-ring strong{font-size:16px;font-weight:750;letter-spacing:-.7px;color:inherit}.concept-screen .cp-progress .cp-ring{width:76px;height:76px;margin:6px 0 0}.concept-screen .cp-progress .cp-ring strong{font-size:20px;color:#26324c}.concept-screen .cp-next{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:118px;margin-top:18px;padding:18px 20px;text-align:left;color:var(--cp-text);background:linear-gradient(130deg,#fff,#eef1fa 50%,#d9eaf8);border:1px solid #9dacc3;border-radius:24px;box-shadow:var(--cp-shadow)}.concept-screen .cp-next>div{max-width:245px;padding-right:45px;position:relative;z-index:1}.concept-screen .cp-next h2{font-size:17px;line-height:1.4;letter-spacing:-.45px;margin-top:5px}.concept-screen .cp-next-meta{display:block;color:var(--cp-muted);font-size:12px;margin-top:8px}.concept-screen .cp-next>img{position:absolute;right:8px;top:-15px;width:115px;height:115px;object-fit:contain;pointer-events:none}.concept-screen .cp-next-arrow{display:grid;place-items:center;position:absolute;bottom:14px;right:16px;width:34px;height:34px;border-radius:50%;border:1px solid #8399b6;background:#eef5fd;color:#26324c}.concept-screen .cp-demo{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:12px;line-height:1.6;color:var(--cp-muted)}.concept-cyber-holographic .cp-hero:before{border-color:#5d8daa;background:linear-gradient(140deg,#204b69,#272136 60%,#734060)}.concept-cyber-holographic .cp-hero-scene{border-color:#6a85a4;height:274px}.concept-cyber-holographic .cp-scene-label{background:#13263be8;color:#d8e6f6;border-color:#7594ae}.concept-cyber-holographic .cp-hero-deck{margin-top:-42px;background:linear-gradient(130deg,#162134,#202e47 70%,#39263f);border-color:#7a9fbc;box-shadow:inset 0 1px #d5e6ff80,0 -6px 22px #88cced1f}.concept-cyber-holographic .cp-hero-deck>.cp-kicker{color:#c6d5ef}.concept-cyber-holographic .cp-hero-deck h2{color:#f6f8ff}.concept-cyber-holographic .cp-hero-object{width:184px;height:184px;top:-58px;filter:drop-shadow(0 14px 16px #63bde638)}.concept-cyber-holographic .concept-screen .button.cp-primary{background:var(--cp-metal);color:#192337;border-color:#d5e7f6;box-shadow:0 7px 22px #84bff52c,inset 0 1px #fff}.concept-cyber-holographic .concept-screen .button.cp-primary:hover:not(:disabled){background:#e5eefd}.concept-screen .cp-membership-strip{display:grid;grid-template-columns:1fr 1.35fr;margin-top:18px;min-height:114px;border:1px solid #688aaa;border-radius:22px;background:linear-gradient(125deg,#19253d,#26334a 64%,#2e2036);box-shadow:inset 0 1px #accaf04a,0 12px 24px #00000040}.concept-screen .cp-access-inline{text-align:left;background:none;color:#f4f7ff;padding:14px 16px}.concept-screen .cp-access-inline .cp-kicker{color:#c3d3ec;font-size:12px}.concept-screen .cp-access-inline strong{display:block;font-size:30px;line-height:1.2;letter-spacing:-1px;margin:4px 0}.concept-screen .cp-access-inline strong small{font-size:12px;font-weight:400;letter-spacing:0}.concept-screen .cp-access-inline .badge{background:#314863;color:#e4f3ff;padding:2px 5px;font-size:12px}.concept-screen .cp-progress-inline{display:flex;align-items:center;gap:10px;border-left:1px solid #6d88a2;padding:12px}.concept-screen .cp-progress-inline .cp-ring{width:56px;height:56px}.concept-screen .cp-progress-inline>div:last-child strong{display:block;font-size:12px;white-space:nowrap}.concept-screen .cp-progress-inline>div:last-child span{display:block;color:#c4d3eb;font-size:12px;margin-top:5px;line-height:1.7}.concept-cyber-holographic .cp-next{color:#f6f8ff;background:linear-gradient(130deg,#1a263b,#202439 66%,#37243f);border-color:#7c86a4;box-shadow:inset 0 1px #b9d4f552,0 12px 26px #00000045}.concept-screen .cp-academy-title{position:relative;margin-bottom:14px}.concept-screen .cp-academy-title h1{font-size:30px;letter-spacing:-1.2px;margin-top:5px;line-height:1.2}.concept-screen .cp-academy-title p{font-size:12px;color:var(--cp-muted);margin-top:8px}.concept-screen .cp-title-orbit{position:absolute;right:0;top:6px;width:75px;height:50px;border:1px solid #87abcc;border-left:5px solid #bcdff0;border-right:5px solid #dfbfdc;border-radius:50%;transform:rotate(-25deg);box-shadow:inset 0 1px #fff,0 5px 12px #6184bb1c;pointer-events:none}.concept-screen .cp-academy-progress{display:flex;align-items:center;gap:14px;min-height:68px;padding:8px 14px;border:1px solid #6889ac;border-radius:18px;background:linear-gradient(120deg,#1b263d,#2e3c59 76%,#49344f);color:#f5f7ff;box-shadow:inset 0 1px #adc6e853,0 9px 18px #33476720}.concept-screen .cp-academy-progress .cp-ring{width:48px;height:48px}.concept-screen .cp-academy-progress .cp-ring strong{font-size:14px}.concept-screen .cp-academy-progress>div:nth-child(2) strong{display:block;font-size:12px;font-weight:600}.concept-screen .cp-academy-progress>div:nth-child(2) span{display:block;color:#ccdaed;font-size:12px;margin-top:5px}.concept-screen .cp-mini-badge{font-size:12px;margin-left:auto;background:#e5edf9;color:#26364d;padding:4px 7px;border-radius:var(--radius-pill)}.concept-screen .cp-filters{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 18px}.concept-screen .cp-filters button{min-height:44px;padding:10px 13px;border-radius:var(--radius-pill);border:1px solid #8b9bb5;background:#f7f9fe;color:#4d5870;font-size:12px}.concept-screen .cp-filters button[aria-pressed=true]{color:#1e2b42;background:var(--cp-metal);border-color:#7489a6;box-shadow:inset 0 1px #fff,0 5px 12px #869ec322;font-weight:700}.concept-screen .cp-course-intro{margin-bottom:16px}.concept-screen .cp-course-intro h2{font-size:16px;line-height:1.4;letter-spacing:-.4px}.concept-screen .cp-course-intro p{font-size:12px;color:var(--cp-muted);line-height:1.65;margin-top:6px}.concept-screen .cp-module-grid{display:grid;gap:22px}.concept-screen .cp-module{position:relative;border:1px solid #8d9db7;border-radius:24px;box-shadow:var(--cp-highlight-shadow);isolation:isolate}.concept-screen .cp-module:before{content:"";position:absolute;inset:6px -4px -5px 5px;border:1px solid #9eb5d0;border-radius:24px;background:var(--cp-metal);transform:rotate(-.8deg);z-index:-1}.concept-screen .cp-module-stage{min-height:174px;position:relative;border-radius:24px 24px 0 0;background:linear-gradient(125deg,#1b263f,#283b55 63%,#50364f);color:#f7f8ff}.concept-screen .cp-module-stage:after{content:"";position:absolute;inset:0;border-top:1px solid #d7e9ff;border-radius:24px 24px 0 0;pointer-events:none}.concept-screen .cp-module-art{position:absolute;right:-6px;top:-24px;width:210px;height:210px;pointer-events:none}.concept-screen .cp-module-art>img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 13px #030c2450);z-index:1}.concept-screen .cp-art-plate{position:absolute;inset:40px 18px 30px 35px;border:1px solid #a9d5ec;border-radius:24px;background:linear-gradient(130deg,#7198c956,#f4bfd638,#95cbe345);transform:perspective(340px) rotateY(-18deg) rotate(10deg);box-shadow:inset 0 1px #ccefff80,0 7px 20px #8fcdf52a}.concept-screen .cp-module-copy{position:relative;padding:18px 20px 40px;max-width:183px;z-index:2}.concept-screen .cp-module-copy .cp-kicker{color:#d6e3f8;font-size:12px;letter-spacing:1.2px}.concept-screen .cp-module-copy h3{font-size:23px;line-height:1.12;letter-spacing:-.7px;margin-top:9px}.concept-screen .cp-module-copy p{font-size:12px;color:#d2def1;margin-top:8px;white-space:nowrap}.concept-screen .cp-module-status{display:inline-flex;color:#edf5ff;background:#314865;border:1px solid #738caa;border-radius:var(--radius-pill);font-size:12px;padding:3px 6px;margin-top:10px}.concept-screen .cp-module-progress{position:absolute;left:20px;bottom:12px;width:146px;display:flex;align-items:center;gap:9px;color:#d8e7fa;z-index:3}.concept-screen .cp-module-progress>span{font-size:12px}.concept-screen .cp-module-progress>div{height:4px;border-radius:var(--radius-pill);background:#617693;flex:1;overflow:hidden}.concept-screen .cp-module-progress>div>span{display:block;height:100%;background:linear-gradient(90deg,#8fcdf5,#f3a8d8);border-radius:inherit}.concept-screen .cp-module-details{position:relative;border-top:1px solid #7f99b6;border-radius:0 0 24px 24px;background:var(--cp-pearl);color:#27334b;z-index:3}.concept-screen .cp-module-details>summary{display:flex;align-items:center;justify-content:space-between;min-height:47px;padding:10px 20px;font-size:12px;font-weight:600;cursor:pointer;list-style:none}.concept-screen .cp-module-details>summary::-webkit-details-marker{display:none}.concept-screen .cp-module-details[open]>summary svg{transform:rotate(90deg)}.concept-screen .cp-module-details>div{padding:0 16px 8px}.concept-screen .cp-lesson-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #91a2bd}.concept-screen .cp-lesson-row>span{font-size:12px;width:20px;flex-shrink:0}.concept-screen .cp-lesson-row>div{flex:1;min-width:0}.concept-screen .cp-lesson-row strong{display:block;font-size:12px;line-height:1.65}.concept-screen .cp-lesson-row small{display:block;font-size:12px;margin-top:4px;color:#53627c}.concept-preview .concept-screen .cp-lesson-row .button{font-size:12px;min-height:44px;min-width:47px;padding:8px 3px;color:#293a57}.concept-screen .cp-module-2 .cp-module-stage{background:linear-gradient(120deg,#f9fbff,#d6e8f7 55%,#ebd8ef);color:#26344d}.concept-screen .cp-module-2 .cp-module-copy .cp-kicker,.concept-screen .cp-module-2 .cp-module-copy p{color:#53617c}.concept-screen .cp-module-2 .cp-module-status{color:#26344d;background:#eef5fd;border-color:#8296b2}.concept-screen .cp-module-2 .cp-module-progress{color:#485b77}.concept-screen .cp-module-2 .cp-module-progress>div{background:#99acc5}.concept-screen .cp-module-2 .cp-module-progress>div>span{background:#637c9d}.concept-screen .cp-alert{display:flex;align-items:flex-start;gap:8px;background:var(--cp-panel);color:var(--cp-text);border:1px solid var(--cp-line);border-radius:var(--radius-sm);font-size:12px;padding:12px;margin:14px 0}.concept-cyber-holographic .cp-academy-title{padding-bottom:3px}.concept-cyber-holographic .cp-title-orbit{border-color:#9cd2f1;border-left-color:#cce9fc;border-right-color:#f3a8d8;box-shadow:0 0 18px #8fcdf522}.concept-cyber-holographic .cp-academy-progress{background:linear-gradient(115deg,#1b2c46,#19283e 50%,#32263d);border-color:#7e98b8}.concept-cyber-holographic .cp-filters button{background:#18253a;color:#d2def2;border-color:#7e92ae}.concept-cyber-holographic .cp-filters button[aria-pressed=true]{background:var(--cp-metal);color:#202b40;border-color:#e1efff}.concept-cyber-holographic .cp-module{margin-left:8px;border-color:#7797b7;border-radius:28px 12px 24px;box-shadow:0 10px 30px #00000065,0 -3px 18px #8fcdf51b}.concept-cyber-holographic .cp-module:before{transform:rotate(1.2deg);inset:6px 4px -5px -5px;border-radius:28px 12px 24px;border-color:#7298b6;background:linear-gradient(130deg,#4e7795,#30243f 70%,#a56891)}.concept-cyber-holographic .cp-module-stage{min-height:180px;border-radius:28px 12px 0 0;background:linear-gradient(125deg,#19273f,#1e3b54 56%,#512844)}.concept-cyber-holographic .cp-module-stage:after{border-color:#9cd8f3;border-radius:28px 12px 0 0}.concept-cyber-holographic .cp-module-art{width:223px;height:223px;right:-16px;top:-30px}.concept-cyber-holographic .cp-module-art>img{filter:drop-shadow(0 16px 15px #00000070)}.concept-cyber-holographic .cp-art-plate{border-color:#e1d0eb;background:linear-gradient(140deg,#80c4f336,#fbabd536 50%,#739cbb50);box-shadow:inset 0 1px #d9eeff90,0 0 20px #bb95cd29}.concept-cyber-holographic .cp-module-details{background:#17243a;color:#eef4ff;border-color:#829cb5;border-radius:0 0 24px 12px}.concept-cyber-holographic .cp-lesson-row{border-color:#788fb0}.concept-cyber-holographic .cp-lesson-row small{color:#c0d0e8}.concept-cyber-holographic .concept-screen .cp-lesson-row .button{color:#edf4ff}.concept-cyber-holographic .cp-module-2 .cp-module-stage{background:linear-gradient(125deg,#dfecf7,#c7dcf3 54%,#e8cce6);color:#23324d}.concept-cyber-holographic .cp-module-2 .cp-module-details{background:linear-gradient(130deg,#dfebf7,#e7ddef);color:#26344e}.concept-cyber-holographic .cp-module-2 .cp-lesson-row{border-color:#7e92af}.concept-cyber-holographic .cp-module-2 .cp-lesson-row small{color:#4d5f79}.concept-cyber-holographic .concept-screen .cp-module-2 .cp-lesson-row .button{color:#26344e}.concept-cyber-holographic .concept-screen .empty-state{color:var(--cp-muted)}.concept-cyber-holographic .concept-screen .empty-state h3{color:var(--cp-text)}@media(min-width:701px){.concept-preview[data-active=true] .sidebar{background:var(--cp-pearl)}.concept-screen .cp-home-intro h1{font-size:30px}.concept-screen .cp-hero-scene{height:340px}.concept-screen .cp-hero-deck{padding:28px}.concept-screen .cp-hero-deck h2{max-width:500px;font-size:40px}.concept-screen .cp-hero-object{width:250px;height:250px;top:-120px;right:10px}.concept-screen .cp-membership-grid,.concept-screen .cp-membership-strip{max-width:750px}.concept-screen .cp-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-cyber-holographic[data-active=true] .sidebar{background:#111a2d;border-color:#7588a6;color:#f1f7ff}.concept-cyber-holographic[data-active=true] .sidebar .nav-item,.concept-cyber-holographic[data-active=true] .sidebar .sidebar-label,.concept-cyber-holographic[data-active=true] .sidebar .sidebar-footer,.concept-cyber-holographic[data-active=true] .sidebar .sidebar-note p,.concept-cyber-holographic[data-active=true] .sidebar .eyebrow{color:#c4d3eb}.concept-cyber-holographic[data-active=true] .sidebar .nav-item.selected{color:#1c2940;background:var(--cp-metal)}.concept-cyber-holographic[data-active=true] .sidebar .sidebar-note button{color:#d1e2f9}.concept-cyber-holographic[data-active=true] .desktop-breadcrumb,.concept-cyber-holographic[data-active=true] .desktop-breadcrumb strong,.concept-cyber-holographic[data-active=true] .account-name{color:#d1ddef}}@media(max-width:700px){.concept-preview[data-active=true] .main-content{padding-left:16px;padding-right:16px;padding-top:16px}.concept-screen .cp-home-intro h1{font-size:18px}.concept-screen .cp-home-intro .cp-kicker{font-size:12px;letter-spacing:1px}.concept-screen .cp-hero-scene{height:211px}.concept-cyber-holographic .cp-hero-scene{height:224px}.concept-screen .cp-hero-deck h2{font-size:26px;max-width:193px}.concept-screen .cp-hero-object{width:163px;height:163px;right:-10px}.concept-screen .cp-progress{padding-left:12px;padding-right:12px}}@media(max-width:360px){.concept-screen .cp-home-intro h1{font-size:16px}.concept-screen .cp-profile{width:40px;height:44px}.concept-screen .cp-hero-deck{padding:18px 15px 15px}.concept-screen .cp-hero-deck h2{font-size:23px;max-width:170px}.concept-screen .cp-hero-object{width:140px;height:140px;top:-34px;right:-16px}.concept-screen .cp-access{padding:13px 11px}.concept-screen .cp-access .cp-kicker{font-size:12px}.concept-screen .cp-access .badge{font-size:12px;padding:3px 4px}.concept-screen .cp-access>strong{font-size:32px}.concept-screen .cp-progress{padding:12px}.concept-screen .cp-progress .cp-ring{width:64px;height:64px}.concept-screen .cp-membership-strip{grid-template-columns:1fr 1.35fr}.concept-screen .cp-access-inline{padding:12px}.concept-screen .cp-progress-inline{gap:7px;padding:10px}.concept-screen .cp-progress-inline .cp-ring{width:45px;height:45px}.concept-screen .cp-progress-inline>div:last-child span{font-size:12px}.concept-screen .cp-academy-title h1{font-size:26px}.concept-screen .cp-title-orbit{width:47px;right:0}.concept-screen .cp-academy-progress{gap:9px;padding:8px 10px}.concept-screen .cp-academy-progress>div:nth-child(2) strong{font-size:12px}.concept-screen .cp-academy-progress>div:nth-child(2) span{font-size:12px}.concept-screen .cp-filters button{font-size:12px;padding:10px 11px}.concept-screen .cp-module-art{width:180px;height:180px;right:-4px;top:-16px}.concept-screen .cp-module-copy{padding-left:16px;max-width:154px}.concept-screen .cp-module-copy h3{font-size:21px}.concept-screen .cp-module-progress{left:16px;width:125px}.concept-screen .cp-next>div{max-width:202px}.concept-screen .cp-next h2{font-size:15px}}@media(prefers-reduced-motion:reduce){.concept-preview .concept-screen *{animation:none!important;transition:none!important}}.concept-screen .cp-kicker{letter-spacing:.7px}.concept-screen .cp-home-intro .cp-kicker{font-size:11px}.concept-screen .cp-hero-deck>.cp-kicker{max-width:200px;font-size:11px;letter-spacing:.4px}.concept-screen .cp-module-copy{max-width:205px;padding-bottom:48px}.concept-screen .cp-module-copy h3{line-height:1.2}.concept-screen .cp-module-copy p{white-space:normal;max-width:150px}.concept-screen .cp-module-stage{min-height:228px}.concept-screen .cp-module-art{top:0;right:-6px}.concept-screen .cp-module-progress{width:160px}.concept-screen .cp-progress-inline{gap:10px}.concept-screen .cp-progress-inline>div:last-child span{font-size:12px}.concept-screen .cp-membership-strip{grid-template-columns:1fr 1.2fr}.concept-screen .cp-lesson-row strong{font-size:14px}.concept-screen .cp-lesson-row small{font-size:12px}.concept-preview .concept-screen .cp-lesson-row .button{font-size:12px;padding:8px}.concept-preview .concept-screen .cp-lesson-row .button.ghost:hover:not(:disabled){background:#d9e8f7;color:#1b2439}.concept-screen .cp-module-2{--cp-focus: #394c7c}.concept-screen .cp-filters button{font-size:12px;padding:10px 12px}.concept-screen .cp-course-intro h2{font-size:20px}.concept-screen .cp-course-intro p,.concept-screen .cp-academy-title p{font-size:14px}.concept-screen .cp-academy-progress>div:nth-child(2) strong{font-size:14px}.concept-screen .cp-module-details>summary{font-size:14px;min-height:52px}.concept-screen .cp-demo{font-size:12px}.concept-preview[data-active=true] .bottom-nav button{font-size:10px}.concept-cyber-holographic[data-active=true] .sidebar .nav-item.selected{color:var(--color-on-metal)}@media(max-width:700px){.concept-screen .cp-next>div{max-width:270px}.concept-screen .cp-title-orbit{display:none}.concept-screen .cp-hero-deck h2{font-size:29px}.concept-screen .cp-academy-progress{flex-wrap:wrap}.concept-screen .cp-academy-progress .cp-mini-badge{font-size:11px}.concept-screen .cp-module-stage{min-height:248px}.concept-screen .cp-module-copy{max-width:180px}.concept-screen .cp-module-copy h3{max-width:145px}.concept-screen .cp-module-copy p{max-width:130px}.concept-screen .cp-module-art{width:210px;height:210px;top:40px;right:-8px}}.concept-screen .cp-access-expiry{display:block;font-size:12px;line-height:1.6;color:#c4d3eb;margin-top:6px}@media(max-width:360px){.concept-screen .cp-membership-strip{grid-template-columns:1fr}.concept-screen .cp-progress-inline{border-left:0;border-top:1px solid #6d88a2}.concept-screen .cp-module-art{width:175px;height:175px;top:18px;right:-10px}.concept-screen .cp-module-copy{max-width:180px}.concept-screen .cp-module-copy h3{font-size:22px}.concept-screen .cp-hero-object{width:140px;height:140px;top:-40px}.concept-screen .cp-hero-deck>.cp-kicker{max-width:150px}}@layer foundation,cyber;@font-face{font-family:Manrope;src:url(/assets/manrope-oROiuIq4.woff) format("woff");font-weight:200 800;font-style:normal;font-display:swap}:root{--color-frost: #f8f9fe;--color-pearl: #e8e5f5;--color-silver: #c4cadb;--color-pink: #f3a8d8;--color-blue: #8fcdf5;--color-lavender: #b7a0f0;--color-ink: #292a43;color-scheme:dark;--color-canvas: #0d1221;--color-paper: #172135;--color-subtle: #202d44;--color-text: #f6f7ff;--color-muted: #bfcbe1;--color-border: #435673;--color-control-border: #7b8cac;--color-primary: #cbe5fa;--color-primary-hover: #edf5ff;--color-on-metal: #1b2439;--color-focus: var(--color-pink);--color-positive: #a5ebce;--color-positive-surface: #173c36;--color-danger: #ffb8cc;--color-danger-surface: #452438;--color-selected-surface: #2c3c5a;--surface-glass: linear-gradient(125deg, #182337, #202e47 70%, #30263e);--surface-pearl: linear-gradient(115deg, #1b2942, #262e4b 60%, #233a50);--surface-metal: linear-gradient(125deg, #ffffff, #e8e5f5 42%, #dae8f5 76%, #f5e8f4);--surface-ink: linear-gradient(125deg, #111a2c, #1d2c43 66%, #2a263d);--surface-halo: radial-gradient(ellipse at 100% 5%, #17405b65, transparent 40%), radial-gradient(ellipse at 0 45%, #53254840, transparent 45%), var(--color-canvas);--edge-holographic: linear-gradient(115deg, #8fcdf5, #e8e5f5 38%, #f3a8d8 70%, #96b8dc);--font-ui: Manrope, Arial, sans-serif;--font-display: var(--font-ui);--type-ui-xs: 12px;--type-ui-sm: 13px;--type-ui-md: 14px;--type-ui-lg: 16px;--type-ui-mobile: 14px;--type-heading-lg: 36px;--type-heading-mobile: 27px;--type-heading-md: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-pill: 999px;--shadow-soft: 0 12px 28px #00000026, inset 0 1px 0 #c7e1ff24;--shadow-metal: 0 16px 32px #00000040, inset 0 1px 0 #b5d7ff75;--shadow-modal: 0 28px 88px #00000099;--transition-fast: .14s ease;--touch-target: 44px;--opacity-disabled: .5}@layer cyber{body{background:var(--color-canvas)}.mini-shell{background:var(--surface-halo)}.sidebar,.topbar{background:#10192b}.brand{color:var(--color-text)}.brand-symbol,.avatar,.icon-tile{color:var(--color-on-metal)}.brand-caption{font-size:9px;letter-spacing:.55px}.sidebar-label,.sidebar-footer,.eyebrow{font-size:11px;letter-spacing:.9px}.sidebar-label{margin-top:36px}.nav-item{font-size:14px}.nav-item.selected{background:var(--surface-metal);color:var(--color-on-metal);box-shadow:0 4px 18px #8fcdf51a,inset 0 1px #fff}.topbar{border-color:var(--color-border)}.button.primary{background:var(--surface-metal);color:var(--color-on-metal);border-color:#b9d3eb;box-shadow:0 6px 18px #8fcdf51c,inset 0 1px #fff}.button.primary:hover:not(:disabled){background:var(--color-primary-hover)}.button.secondary{background:#1d2a41;color:var(--color-text);box-shadow:inset 0 1px #cbe3ff26}.button.secondary:hover:not(:disabled),.button.ghost:hover:not(:disabled){background:#2c3d59}.button.danger{color:#2b1220}.badge,.demo-note,.small-note{font-size:12px}.card{background:var(--surface-glass)}.page-header p{font-size:14px;max-width:60ch}.page-footer{font-size:12px}.skip-link{background:var(--color-primary);color:var(--color-on-metal)}.bar-fill,.progress-track>span{background:var(--edge-holographic)}.modal{background:#141f32;color:var(--color-text);border-color:#8598b5}.modal::backdrop{background:#050916bd}.modal-summary{background:#24334d}.form-grid label{font-size:14px;color:var(--color-text)}.form-grid input,.form-grid select,textarea{background:#10192a;font-size:16px}.profile-summary{background:var(--surface-glass)}.profile-monogram{background:var(--surface-metal);color:var(--color-on-metal)}.profile-summary>div{min-width:0;overflow-wrap:anywhere}.toast{background:#202f47}.subscription-card{position:relative;isolation:isolate;overflow:hidden;background:var(--surface-glass);border-color:#7e99b6;box-shadow:var(--shadow-metal);min-height:220px}.subscription-card:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 110%,#86c8f52b,transparent 65%);pointer-events:none}.subscription-card>div{position:relative;z-index:1}.subscription-card>div:first-of-type{min-width:160px}.subscription-object{position:absolute;width:210px;height:210px;object-fit:contain;left:calc(50% - 110px);top:-15px;opacity:.9;z-index:-1}.subscription-card h2{font-size:38px}.subscription-date{background:#142036ed;border:1px solid #627c9d;border-radius:16px;padding:20px}.subscription-date strong{color:var(--color-frost)}.plan-card{background:linear-gradient(145deg,#19253c,#131d30);border-color:#566e90;border-radius:24px 24px 24px 10px;box-shadow:var(--shadow-soft)}.plan-card.plan-1{background:linear-gradient(130deg,#27354f,#34314f 70%,#413047);border-color:#b7a0f0;box-shadow:0 12px 30px #0004,inset 0 2px #d8ccff}.plan-top .eyebrow{font-size:11px;line-height:1.5;letter-spacing:.4px}.plan-number{color:var(--color-blue)}.plan-price small,.plan-benefits li{font-size:12px}.plan-card h2>span{font-size:12px}.plan-benefits summary{font-size:14px}.renewal-explainer{background:#1a273c}.renewal-explainer h3{font-size:15px}.renewal-explainer p{font-size:13px}.editorial-number{color:var(--color-blue)}.lesson-navigation{flex-wrap:wrap}.lesson-navigation>span,.lesson-navigation>.button{font-size:12px;letter-spacing:.3px}.lesson-media{border-color:#7b91b0}.lesson-media figcaption{background:#121e32f5;border-color:#7998b8;color:#f6f7ff;font-size:12px}.lesson-title .eyebrow,.reading-note .eyebrow{font-size:11px;letter-spacing:.7px}.lesson-title h1{line-height:1.35}.lesson-tabs button{font-size:14px}.lesson-tabs button.selected{color:var(--color-blue);border-bottom-color:var(--color-blue)}.lesson-reading{background:#162136;border:1px solid #435673;border-radius:18px;padding:28px;margin-top:20px;font-size:17px;line-height:1.9;color:#edf1fb}.reading-note{background:#202e46;font-size:13px}.lesson-actions{margin-top:20px}.lesson-outline{background:#151f32}.lesson-outline button.selected{border-color:#9bc8ed;background:#273b56}.lesson-outline button>strong{font-size:13px}.shop-placeholder{background:var(--surface-glass);border-color:#6c86a8}.shop-art{isolation:isolate}.shop-art>img{width:380px;height:340px;object-fit:contain;filter:drop-shadow(0 18px 22px #8fcdf52b)}.shop-orbit-ring{position:absolute;width:85%;height:45%;border:1px solid #9bc3df;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 24px #a9c8ff1c,inset 0 0 22px #b7a0f018;z-index:-1}.shop-art-label{position:absolute;bottom:12px;font-size:11px;letter-spacing:.8px;color:var(--color-muted);text-align:center}.shop-placeholder p{font-size:15px}.admin-shell{background:#101727;--surface-glass: linear-gradient(120deg, #192235, #1c283d)}.admin-shell .sidebar,.admin-shell .topbar{background:#121b2c}.admin-shell .card{background:#182337;box-shadow:inset 0 1px #d1e1ff14}.admin-shell .nav-item.selected{color:var(--color-text);background:#2c3c58;border:1px solid #8fcdf5;box-shadow:inset 3px 0 #8fcdf5}.admin-shell .icon-tile{background:#2b3a54;color:#cbe6fb;border-color:#607391}.admin-shell .metric-value{color:#f6f7ff}.admin-shell th{font-size:12px;letter-spacing:.4px;background:#111b2d;color:#d1ddef}.admin-shell td{font-size:14px;color:#c4d1e5;border-color:#364860}.admin-shell tbody tr:nth-child(2n){background:#1b2940}.admin-shell tbody tr:hover{background:#263a56}.admin-shell .table-person small{font-size:12px}.admin-shell .table-person .avatar{color:var(--color-text)}.admin-shell .role-selector,.admin-shell .admin-intro{font-size:12px}.admin-shell .form-grid input,.admin-shell .form-grid select,.admin-shell textarea{font-size:15px}@media(max-width:960px){.subscription-card{padding:24px}.subscription-object{left:auto;right:-12px;top:-16px;width:190px;height:190px}.subscription-date{margin-top:24px;padding:16px;border:1px solid #627c9d}}@media(max-width:700px){.subscription-card{display:block;padding:24px}.subscription-date{width:100%;max-width:none;text-align:left}.bottom-nav button span{white-space:normal}.topbar{background:#101727}.mobile-wordmark .brand-caption{font-size:8px;letter-spacing:.4px}.mobile-wordmark .brand-symbol{color:var(--color-on-metal)}.topbar-account .badge,.badge{font-size:11px}.eyebrow{font-size:11px;letter-spacing:.7px}.page-header p{font-size:14px}.page-header{flex-wrap:wrap}.section-heading{gap:12px;align-items:flex-start;flex-wrap:wrap}.section-heading h2{font-size:23px}.subscription-card h2{font-size:32px;max-width:175px}.subscription-date strong{font-size:22px}.subscription-date small{font-size:12px}.plan-top .eyebrow{font-size:11px;max-width:175px}.plan-price{font-size:23px}.plan-price small{font-size:12px;max-width:145px;margin-left:auto}.plan-card h2>span{font-size:12px}.demo-note,.small-note{font-size:12px}.lesson-navigation>span{margin-right:0}.lesson-media{height:195px}.lesson-media figcaption{font-size:12px}.lesson-title h1{font-size:28px}.lesson-reading{padding:20px 16px;font-size:17px}.reading-note{padding:16px;font-size:13px}.bottom-nav{background:#111a2c;border-color:#7185a2;gap:2px;padding-left:4px;padding-right:4px;box-shadow:0 -8px 30px #05091580}.bottom-nav button{font-size:10px;min-height:58px;color:#cad5ea;gap:6px}.bottom-nav button.selected{color:var(--color-on-metal);background:var(--surface-metal);border:1px solid #d6eaff;box-shadow:0 0 16px #8fcdf52e,inset 0 1px #fff}.bottom-nav button.selected svg{stroke-width:2.3}.shop-art>img{width:280px;height:280px}.shop-placeholder p{font-size:15px}.admin-shell .nav-item{font-size:13px}.admin-shell .page-header{display:grid}.admin-shell .role-selector{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.admin-shell .page-footer{font-size:12px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer foundation{*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-ui);font-size:var(--type-ui-md);line-height:1.65;color:var(--color-text);background:var(--color-canvas);font-synthesis:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:var(--opacity-disabled)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);line-height:1.25;font-weight:700}h1{font-size:var(--type-heading-lg);letter-spacing:-1.2px}h2{font-size:var(--type-heading-md);letter-spacing:-.65px}h3{font-size:var(--type-ui-lg);letter-spacing:-.25px}a{color:inherit}svg{flex-shrink:0}img{display:block;max-width:100%}strong{font-weight:700}input,select{min-width:0}.app-shell{min-height:100vh}.mini-shell{background:var(--color-canvas)}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;padding:var(--space-8) var(--space-5);background:var(--surface-glass);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:var(--space-3);font-size:19px;line-height:1.2;font-weight:800;letter-spacing:.3px;color:var(--color-text)}.brand-symbol{height:36px;width:36px;display:grid;place-items:center;font-size:11px;font-weight:750;letter-spacing:-.4px;background:var(--surface-metal);border:1px solid var(--color-silver);border-radius:var(--radius-sm);box-shadow:inset 0 1px #fff}.brand-caption{display:block;margin-top:6px;font:600 6.5px/1.5 var(--font-ui);letter-spacing:1px;color:var(--color-muted)}.sidebar-label{margin:48px var(--space-3) var(--space-4);font-size:8px;font-weight:700;letter-spacing:1.8px;color:var(--color-muted)}.sidebar nav{display:grid;gap:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-3);border-radius:var(--radius-sm);background:transparent;color:var(--color-muted);text-align:left;font-size:var(--type-ui-sm);transition:background var(--transition-fast)}.nav-item:hover{background:var(--color-subtle);color:var(--color-text)}.nav-item.selected{background:var(--color-selected-surface);color:var(--color-text);font-weight:700;box-shadow:inset 0 1px #fff}.nav-arrow{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:var(--space-8)}.sidebar-note{border-top:1px solid var(--color-border);padding:var(--space-6) var(--space-3)}.sidebar-note strong{display:block;font-size:21px;line-height:1.3;letter-spacing:-.6px;margin-top:var(--space-3)}.sidebar-note p{color:var(--color-muted);font-size:var(--type-ui-xs);line-height:1.8;margin:var(--space-3) 0 var(--space-5)}.sidebar-note button{background:none;color:var(--color-text);font-size:var(--type-ui-xs);display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-target);width:100%;text-align:left;padding:0}.sidebar-footer{color:var(--color-muted);font-size:8px;display:flex;align-items:center;gap:6px;padding:var(--space-3)}.workspace{margin-left:224px;min-width:0}.topbar{height:80px;padding:0 var(--space-10);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:#ffffffb8;border-bottom:1px solid var(--color-border)}.desktop-breadcrumb{display:flex;align-items:center;gap:var(--space-4);color:var(--color-muted);font-size:var(--type-ui-xs)}.desktop-breadcrumb strong{color:var(--color-text);font-weight:600}.mobile-wordmark{display:none}.topbar-account{display:flex;align-items:center;gap:var(--space-3);font-size:var(--type-ui-xs);color:var(--color-muted)}.avatar{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--surface-metal);color:var(--color-text);font-size:var(--type-ui-xs);font-weight:650}.main-content{max-width:1320px;margin:0 auto;padding:36px var(--space-10) 0;min-width:0}.main-content:focus{outline:0}.skip-link{position:fixed;top:-100px;left:var(--space-4);z-index:100;padding:var(--space-3) var(--space-4);background:var(--color-text);color:var(--color-canvas);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-4)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-8)}.page-header p{font-size:var(--type-ui-mobile);color:var(--color-muted);margin-top:var(--space-3)}.eyebrow{display:block;font-size:8px;line-height:1.8;font-weight:700;letter-spacing:1.6px;color:var(--color-muted);margin-bottom:var(--space-3)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:var(--radius-sm);min-height:46px;padding:var(--space-3) var(--space-5);font-size:var(--type-ui-sm);font-weight:650;line-height:1.5;transition:background var(--transition-fast),border-color var(--transition-fast)}.button.primary{color:var(--color-canvas);background:var(--color-primary);box-shadow:0 4px 12px #292a4312}.button.primary:hover:not(:disabled){background:var(--color-primary-hover)}.button.secondary{background:var(--color-paper);border-color:var(--color-control-border);color:var(--color-text);box-shadow:inset 0 1px #fff}.button.secondary:hover:not(:disabled){background:var(--color-subtle)}.button.ghost{color:var(--color-text);background:transparent}.button.ghost:hover:not(:disabled){background:var(--color-subtle)}.button.danger{color:#fff;background:var(--color-danger)}.icon-button{width:var(--touch-target);padding:9px}.badge{display:inline-flex;align-items:center;gap:5px;width:fit-content;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.5;padding:5px 9px;border-radius:var(--radius-pill);background:var(--color-subtle);color:var(--color-text)}.badge.purple{background:var(--color-selected-surface)}.badge.green{color:var(--color-positive);background:var(--color-positive-surface)}.badge.orange{color:var(--color-danger);background:var(--color-danger-surface)}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.demo-note{display:flex;align-items:flex-start;gap:10px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-subtle);color:var(--color-muted);font-size:var(--type-ui-xs);line-height:1.7;margin-bottom:var(--space-6)}.demo-note svg{margin-top:2px}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-paper);box-shadow:var(--shadow-soft);min-width:0;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--color-border)}.card-header h2{font-size:18px}.card-header p{color:var(--color-muted);font-size:var(--type-ui-xs);margin-top:var(--space-2)}.card-body{padding:var(--space-6)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.metric{padding:var(--space-6)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--color-muted);font-size:var(--type-ui-xs)}.metric-value{display:block;font-size:34px;font-weight:700;letter-spacing:-1.5px;line-height:1.2;margin:26px 0 10px}.metric-detail{color:var(--color-muted);font-size:var(--type-ui-xs)}.icon-tile{height:40px;width:40px;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px solid var(--color-silver);background:var(--surface-metal);color:var(--color-text);flex-shrink:0}.two-columns{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.stack{display:grid;gap:var(--space-6)}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6)}.usage-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:28px 0 var(--space-5)}.section-heading h2{font-size:23px}.section-heading .eyebrow{margin-bottom:6px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--color-muted);font-size:9px;border-top:1px solid var(--color-border);padding:var(--space-6) 0;margin-top:var(--space-8)}.bottom-nav{display:none}.modal{padding:28px;max-width:520px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid var(--color-silver);border-radius:var(--radius-lg);background:var(--color-canvas);color:var(--color-text);box-shadow:var(--shadow-modal)}.modal::backdrop{background:#292a4366}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.modal-head h2{font-size:24px}.modal-head p{color:var(--color-muted);font-size:var(--type-ui-sm);margin-top:var(--space-2)}.modal-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);background:var(--surface-pearl);margin-bottom:var(--space-5)}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.form-grid{display:grid;gap:var(--space-5)}.form-grid label{display:grid;gap:var(--space-2);font-size:var(--type-ui-sm);color:var(--color-muted)}.form-grid input,.form-grid select,.toolbar input,.toolbar select,.role-selector select{height:48px;width:100%;padding:0 var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-text)}.form-grid input:disabled{background:var(--color-subtle);color:var(--color-muted)}textarea{width:100%;resize:vertical;padding:var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-text)}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:1}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.inline-error{padding:var(--space-3) var(--space-4);border:1px solid #d690a7;background:var(--color-danger-surface);color:var(--color-danger);border-radius:var(--radius-sm);font-size:var(--type-ui-sm);margin:var(--space-4) 0}.small-note{font-size:var(--type-ui-xs);line-height:1.8;color:var(--color-muted)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-muted)}.empty-state svg{margin:0 auto var(--space-4)}.empty-state h2,.empty-state h3{color:var(--color-text);margin-bottom:var(--space-3)}.empty-state p{margin:0 auto var(--space-5);max-width:460px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:80;display:flex;align-items:center;gap:var(--space-3);max-width:460px;border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-text);box-shadow:var(--shadow-modal);padding:var(--space-3) var(--space-4);font-size:var(--type-ui-sm)}.toast button{background:none;color:inherit;display:grid;place-items:center;min-height:var(--touch-target);min-width:var(--touch-target);margin-left:var(--space-2)}.admin-shell h1{font-size:30px}.admin-shell h2{font-size:19px}.admin-shell .sidebar{background:var(--color-paper)}.admin-shell .card{box-shadow:0 4px 16px #292a4304}.admin-shell .demo-note{background:var(--color-canvas)}.admin-intro{display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-5);margin-bottom:var(--space-6);color:var(--color-muted);font-size:var(--type-ui-xs)}.admin-intro .eyebrow{margin:0}.role-selector{display:flex;align-items:center;gap:var(--space-3);font-size:var(--type-ui-xs);color:var(--color-muted);flex-shrink:0}.role-selector select{width:148px}.distribution{display:grid;gap:var(--space-6)}.distribution-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);font-size:var(--type-ui-sm)}.bar-track{height:6px;border-radius:var(--radius-pill);background:var(--color-subtle);overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:#7a74bc}.help-list{padding-left:18px;color:var(--color-muted);line-height:1.9;font-size:var(--type-ui-sm);margin:var(--space-4) 0 var(--space-5)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.search-field{display:flex;align-items:center;position:relative;max-width:410px;width:100%;color:var(--color-muted)}.search-field svg{position:absolute;left:var(--space-4);pointer-events:none}.search-field input{padding-left:var(--space-10);font-size:var(--type-ui-sm)}.toolbar>select{max-width:170px;font-size:var(--type-ui-sm)}.table-wrap{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:var(--type-ui-sm)}th{font-size:9px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--color-muted);background:var(--color-canvas);white-space:nowrap;padding:var(--space-4) var(--space-6)}td{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);color:var(--color-muted);white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--color-canvas)}td .button{padding:9px var(--space-3);font-size:var(--type-ui-xs)}.table-person{display:flex;align-items:center;gap:var(--space-3);min-width:210px}.table-person .avatar{width:34px;height:34px;background:var(--color-subtle)}.table-person strong{display:block;color:var(--color-text);font-weight:600}.table-person small{display:block;color:var(--color-muted);font-size:10px;margin-top:var(--space-1)}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-6);color:var(--color-muted);font-size:var(--type-ui-xs)}.pagination{display:flex;align-items:center;gap:var(--space-4)}.pagination .button{padding:var(--space-3);width:var(--touch-target);min-height:var(--touch-target)}.lesson-list{display:grid}.lesson-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.lesson-row:first-child{padding-top:0}.lesson-row:last-child{border:0;padding-bottom:0}.lesson-info{flex:1;min-width:0}.lesson-info strong{font-size:var(--type-ui-mobile)}.lesson-info p{color:var(--color-muted);font-size:var(--type-ui-xs);margin-top:var(--space-1)}.ticket-text{white-space:pre-wrap;margin:var(--space-5) 0;font-size:var(--type-ui-mobile)}.danger-card{padding:var(--space-6);border-color:#d690a7;background:var(--color-paper)}.danger-card p{font-size:var(--type-ui-sm);color:var(--color-muted);margin:var(--space-4) 0 var(--space-6)}.home-intro{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.home-intro .eyebrow{margin:0}.home-intro .button{font-size:var(--type-ui-xs)}.welcome-card{border:1px solid var(--color-silver);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-glass);box-shadow:var(--shadow-metal)}.welcome-photo{margin:0;position:relative;height:330px;overflow:hidden}.welcome-photo img{width:100%;height:100%;object-fit:cover;object-position:center 47%}.welcome-photo figcaption{position:absolute;right:var(--space-4);top:var(--space-4);font-size:9px;color:var(--color-text);background:#f8f9feec;border:1px solid #fff;border-radius:var(--radius-pill);padding:5px 9px}.welcome-copy{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:28px var(--space-8)}.welcome-copy h1{font-size:28px;letter-spacing:-1px}.welcome-copy p{font-size:var(--type-ui-sm);color:var(--color-muted);margin-top:9px}.welcome-copy .button{flex-shrink:0;background:var(--color-text)}.home-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-4)}.access-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:22px var(--space-6);border-radius:var(--radius-md);background:var(--surface-ink);color:var(--color-canvas);border:1px solid #555675;box-shadow:var(--shadow-metal)}.access-card .eyebrow{color:#e1ddf4;font-size:8px;margin-bottom:var(--space-1)}.access-card strong{font-size:32px;font-weight:700;line-height:1.3}.access-card strong small{font-size:var(--type-ui-xs);font-weight:500;margin-left:7px}.access-card p{font-size:var(--type-ui-xs);color:#e1ddf4;margin-top:var(--space-2)}.access-card>div:last-child{display:flex;align-items:center;gap:var(--space-4)}.access-card .badge{background:#f0effb;color:var(--color-text)}.access-card .button{width:var(--touch-target);padding:10px;color:#fff;border:1px solid #9796b8;background:#ffffff0a}.progress-card{padding:22px var(--space-6);border:1px solid var(--color-silver);border-radius:var(--radius-md);background:var(--surface-metal);box-shadow:var(--shadow-metal)}.progress-card .eyebrow{font-size:8px;margin:0;color:var(--color-text)}.progress-card .usage-head>strong{font-size:28px;letter-spacing:-1px}.progress-card p{font-size:var(--type-ui-xs);color:var(--color-muted);margin:7px 0 var(--space-3)}.progress-track{height:6px;border-radius:var(--radius-pill);background:#d6d9e8;overflow:hidden}.progress-track>span{display:block;height:100%;border-radius:inherit;background:#6660a3}.home-feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.continue-card{padding:0;text-align:left;display:grid;grid-template-columns:1fr 1.2fr;color:var(--color-text);transition:border-color var(--transition-fast)}.continue-card:hover{border-color:var(--color-control-border)}.continue-image{min-height:260px;position:relative;overflow:hidden}.continue-image img{width:100%;height:100%;object-fit:cover;object-position:48% 50%}.image-index{position:absolute;bottom:var(--space-4);left:var(--space-4);color:var(--color-text);font-size:8px;font-weight:700;letter-spacing:1px;padding:6px 9px;background:#f8f9feee;border:1px solid #fff;border-radius:var(--radius-pill)}.continue-copy{padding:var(--space-6);display:flex;flex-direction:column;align-items:flex-start}.continue-copy h3{font-size:21px;line-height:1.4;letter-spacing:-.6px}.continue-copy p{color:var(--color-muted);font-size:var(--type-ui-xs);margin:var(--space-4) 0 var(--space-5)}.text-link{display:flex;align-items:center;gap:var(--space-3);font-weight:650;font-size:var(--type-ui-xs);margin-top:auto}.home-quick-actions{display:grid;align-content:start;gap:var(--space-2)}.home-quick-actions>button{background:#fff;color:var(--color-text);display:flex;align-items:center;gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);min-height:70px;text-align:left}.home-quick-actions>button:hover{background:var(--color-subtle)}.home-quick-actions>button>svg:first-child{box-sizing:content-box;padding:9px;border:1px solid var(--color-silver);border-radius:10px;background:var(--surface-metal)}.home-quick-actions>button>span{flex:1}.home-quick-actions strong{display:block;font-size:var(--type-ui-sm)}.home-quick-actions small{display:block;font-size:10px;color:var(--color-muted);margin-top:var(--space-1)}.studio-note{padding:var(--space-4)}.studio-note .eyebrow{margin-bottom:5px}.studio-note p{font-size:var(--type-ui-sm);color:var(--color-muted)}.subscription-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-8);border:1px solid var(--color-silver);border-radius:var(--radius-lg);background:var(--surface-metal);box-shadow:var(--shadow-metal)}.subscription-card .eyebrow{color:var(--color-muted)}.subscription-card h2{font-size:34px;letter-spacing:-1px}.subscription-card h2>span{display:block;font-size:var(--type-ui-xs);font-weight:400;letter-spacing:0;color:var(--color-muted);margin:6px 0 var(--space-3)}.subscription-date{padding-left:var(--space-8);border-left:1px solid var(--color-control-border);display:grid;gap:var(--space-2)}.subscription-date>span{font-size:var(--type-ui-xs);color:var(--color-muted)}.subscription-date strong{font-size:23px;letter-spacing:-.6px}.subscription-date small{font-size:var(--type-ui-xs);color:var(--color-muted)}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.plan-card{padding:var(--space-6);display:flex;flex-direction:column}.plan-card.plan-1{background:var(--surface-pearl);border-color:var(--color-silver)}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.plan-top .eyebrow{font-size:7px;letter-spacing:.9px;text-align:right;max-width:150px;margin:0}.plan-number{font-size:12px;color:var(--color-muted);font-weight:650}.plan-card h2{font-size:43px;letter-spacing:-1.8px}.plan-card h2>span{display:block;font-size:var(--type-ui-xs);font-weight:400;color:var(--color-muted);letter-spacing:0;margin-top:5px}.plan-price{margin:var(--space-5) 0;font-size:25px;letter-spacing:-.8px;font-weight:750}.plan-price small{display:block;margin-top:5px;font-size:9px;font-weight:400;color:var(--color-muted);letter-spacing:0}.plan-benefits{margin-bottom:var(--space-5);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.plan-benefits summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);list-style:none;cursor:pointer;font-size:var(--type-ui-xs);min-height:var(--touch-target);padding:9px 0}.plan-benefits summary::-webkit-details-marker{display:none}.plan-benefits[open] summary svg{transform:rotate(90deg)}.plan-benefits ul{list-style:none;padding:0;margin:0 0 var(--space-4);display:grid;gap:var(--space-3)}.plan-benefits li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:10px;line-height:1.6;color:var(--color-muted)}.plan-benefits li svg{margin-top:2px}.plan-card .button{width:100%;margin-top:auto}.renewal-explainer{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-5) var(--space-6);margin:var(--space-6) 0;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-subtle)}.editorial-number{font-size:32px;line-height:1.2;color:var(--color-text)}.renewal-explainer h3{font-size:var(--type-ui-sm)}.renewal-explainer p{color:var(--color-muted);font-size:var(--type-ui-xs);margin-top:var(--space-2)}.renewal-history{margin-top:var(--space-6)}.learning-summary{display:flex;align-items:center;gap:var(--space-5);border:1px solid var(--color-silver);background:var(--surface-metal);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5)}.learning-summary p{font-size:var(--type-ui-xs);color:var(--color-muted)}.learning-summary .progress-track{flex:1;max-width:260px;margin-left:auto}.filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.filter-pills button{min-height:var(--touch-target);padding:10px var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);background:#fff;font-size:var(--type-ui-xs)}.filter-pills button:hover{background:var(--color-subtle)}.filter-pills button.selected{background:var(--color-selected-surface);border-color:var(--color-control-border);color:var(--color-text);font-weight:650}.course-section{margin-bottom:var(--space-6)}.course-intro{margin-bottom:var(--space-5)}.course-intro h2{font-size:22px}.course-intro p{color:var(--color-muted);font-size:var(--type-ui-xs);margin-top:var(--space-2)}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.module-card{border-color:var(--color-silver);box-shadow:var(--shadow-metal)}.module-photo{position:relative;height:228px;overflow:hidden;background:var(--color-subtle)}.module-photo img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.module-index{position:absolute;bottom:var(--space-4);left:var(--space-5);font-size:8px;font-weight:700;letter-spacing:1.3px;border:1px solid #fff;color:var(--color-text);background:#f8f9fef2;border-radius:var(--radius-pill);padding:6px 10px}.module-lock{position:absolute;top:var(--space-4);right:var(--space-4);padding:9px;background:var(--color-canvas);border-radius:var(--radius-sm)}.module-body{padding:var(--space-6);background:#ffffffed}.module-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.module-heading h3{font-size:21px;letter-spacing:-.5px}.module-heading .badge{font-size:9px}.module-meta{color:var(--color-muted);font-size:var(--type-ui-xs);margin:var(--space-2) 0 var(--space-4)}.module-details{border-top:1px solid var(--color-border);margin-top:var(--space-5)}.module-details>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch-target);margin-top:var(--space-2);font-size:var(--type-ui-xs);font-weight:600;list-style:none;cursor:pointer}.module-details>summary::-webkit-details-marker{display:none}.module-details[open]>summary svg{transform:rotate(90deg)}.module-lesson{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.module-lesson>div{flex:1;min-width:0}.module-lesson strong{display:block;font-size:var(--type-ui-xs);font-weight:650}.module-lesson small{display:block;color:var(--color-muted);font-size:9px;margin-top:5px}.module-lesson .button{font-size:var(--type-ui-xs);padding:var(--space-2);min-width:56px}.lesson-order{color:var(--color-muted);font-size:17px;font-weight:600;width:23px;flex-shrink:0}.lesson-navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.lesson-navigation>.button{padding-left:0}.lesson-navigation>span{font-size:8px;color:var(--color-muted);letter-spacing:1px;margin-left:auto;margin-right:var(--space-6)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:28px;align-items:start}.lesson-main{min-width:0}.lesson-media{margin:0;height:280px;border:1px solid var(--color-silver);border-radius:var(--radius-md);overflow:hidden;position:relative;box-shadow:var(--shadow-metal)}.lesson-media img{width:100%;height:100%;object-fit:cover}.lesson-media figcaption{position:absolute;bottom:var(--space-4);left:var(--space-4);display:flex;align-items:center;gap:var(--space-2);font-size:10px;color:var(--color-text);background:#f8f9fef2;border:1px solid #fff;border-radius:var(--radius-pill);padding:8px var(--space-3)}.lesson-title{padding-top:26px}.lesson-title h1{font-size:33px;letter-spacing:-1px;line-height:1.3}.lesson-tabs{display:flex;gap:var(--space-6);margin-top:var(--space-6);border-bottom:1px solid var(--color-control-border)}.lesson-tabs button{padding:var(--space-3) 0;min-height:var(--touch-target);background:none;color:var(--color-muted);font-size:var(--type-ui-sm);border-bottom:2px solid transparent}.lesson-tabs button.selected{color:var(--color-text);border-bottom-color:var(--color-text);font-weight:650}.lesson-reading{padding:var(--space-6) 0;font-size:16px;line-height:1.9;white-space:pre-wrap}.lesson-reading>p{max-width:68ch}.lesson-reading h2{font-size:23px;margin-bottom:var(--space-4)}.reading-note{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-subtle);font-size:var(--type-ui-xs);color:var(--color-muted);white-space:normal}.reading-note .eyebrow{font-size:7px;margin-bottom:var(--space-2)}.lesson-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.lesson-actions .button{flex:1}.lesson-outline{padding:var(--space-6)}.lesson-outline h2{font-size:22px;margin-bottom:var(--space-5)}.lesson-outline>div{display:grid;gap:var(--space-2)}.lesson-outline button{display:flex;align-items:center;gap:var(--space-3);background:var(--color-canvas);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);min-height:58px;text-align:left}.lesson-outline button.selected{border-color:var(--color-control-border);background:var(--color-selected-surface)}.lesson-outline button>span{color:var(--color-muted);font-size:var(--type-ui-xs)}.lesson-outline button>strong{flex:1;font-size:var(--type-ui-xs);line-height:1.65}.lesson-outline .small-note{margin-top:var(--space-5)}.shop-placeholder{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:var(--space-10);border:1px solid var(--color-silver);border-radius:var(--radius-lg);background:var(--surface-pearl);overflow:hidden;padding:var(--space-8)}.shop-art{min-height:320px;position:relative;display:grid;place-items:center}.shop-sheet{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:185px;height:240px;padding:var(--space-6);border:1px solid var(--color-silver);border-radius:var(--radius-md);background:var(--surface-metal);box-shadow:var(--shadow-metal);color:var(--color-text)}.sheet-one{transform:rotate(-15deg) translate(-30px);font-size:44px;font-weight:800;line-height:1.2;background:var(--color-subtle)}.sheet-two{transform:rotate(10deg) translate(25px)}.sheet-two>span{font-size:8px;font-weight:700;letter-spacing:1px}.sheet-two>strong{font-size:22px;line-height:1.35;letter-spacing:-.8px}.shop-placeholder h2{margin:var(--space-5) 0 var(--space-4);font-size:29px}.shop-placeholder p{font-size:var(--type-ui-mobile);color:var(--color-muted);margin-bottom:var(--space-5)}.profile-summary{display:flex;align-items:center;gap:var(--space-4);border:1px solid var(--color-silver);border-radius:var(--radius-md);background:var(--surface-metal);padding:var(--space-4);margin-bottom:var(--space-6)}.profile-monogram{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--color-silver);border-radius:var(--radius-md);background:#fffa;font-size:22px;font-weight:700;flex-shrink:0}.profile-summary p{font-size:var(--type-ui-xs);color:var(--color-muted);margin:var(--space-1) 0 var(--space-2)}@media(max-width:1150px){.main-content,.topbar{padding-left:28px;padding-right:28px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card{padding:var(--space-5)}.plan-price{font-size:21px}.home-feature-grid{grid-template-columns:1.1fr 1fr;gap:var(--space-4)}.continue-card{display:block}.continue-image{height:155px;min-height:0}.welcome-copy{padding:var(--space-6)}.welcome-copy h1{font-size:24px}.welcome-copy .button{font-size:var(--type-ui-xs);padding-left:var(--space-4);padding-right:var(--space-4)}.lesson-layout{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:var(--space-5)}}@media(max-width:960px){.sidebar{width:196px;padding:28px var(--space-4)}.brand{font-size:16px;gap:var(--space-2)}.brand-symbol{width:31px;height:31px}.brand-caption{font-size:5.5px;letter-spacing:.7px}.workspace{margin-left:196px}.topbar{padding:0 var(--space-6)}.main-content{padding:var(--space-6) var(--space-6) 0}.two-columns,.settings-grid,.home-feature-grid,.lesson-layout,.plan-grid{grid-template-columns:1fr}.plan-card{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-5);padding:var(--space-6)}.plan-top{grid-column:1/-1;grid-row:1;margin-bottom:var(--space-4)}.plan-card h2{grid-column:1;grid-row:2}.plan-price{grid-column:2;grid-row:2;text-align:right;margin:0}.plan-benefits{grid-column:1/-1;grid-row:3;margin-top:var(--space-5);margin-bottom:var(--space-4)}.plan-card .button{grid-column:1/-1;grid-row:4}.subscription-card{display:block;padding:var(--space-6)}.subscription-date{padding:var(--space-5) 0 0;margin-top:var(--space-5);border-left:0;border-top:1px solid var(--color-control-border)}.welcome-photo{height:250px}.welcome-copy{display:block}.welcome-copy .button{width:100%;margin-top:var(--space-5)}.access-card{padding:var(--space-5);position:relative;display:block}.access-card strong small{display:block;margin-left:0}.access-card>div:last-child{position:absolute;right:var(--space-3);top:50px}.access-card .badge{font-size:8px;padding:4px 6px}.access-card .button{display:none}.progress-card{padding:var(--space-5)}.progress-card .usage-head{display:block}.progress-card .usage-head>strong{display:block;margin-top:var(--space-2)}.module-grid{grid-template-columns:1fr}.module-photo{height:190px}.continue-card{display:grid;grid-template-columns:1fr 1.2fr}.continue-image{height:auto}.lesson-outline{display:none}.page-header{align-items:flex-start}.role-selector{flex-direction:column;align-items:flex-end;gap:var(--space-2)}}@media(max-width:700px){body{font-size:var(--type-ui-mobile)}.mini-shell .sidebar{display:none}.workspace{margin-left:0}.topbar{height:68px;padding:0 var(--space-4);background:#fff}.desktop-breadcrumb,.account-name{display:none}.mobile-wordmark{display:block}.mobile-wordmark .brand{font-size:17px;gap:9px;letter-spacing:.4px}.mobile-wordmark .brand-symbol{height:31px;width:31px;font-size:10px}.mobile-wordmark .brand-caption{font-size:5.8px;letter-spacing:.65px}.topbar-account{gap:var(--space-2)}.topbar-account .avatar{height:31px;width:31px;font-size:9px}.topbar-account .badge{font-size:8px;padding:4px 6px}.main-content{padding:var(--space-5) var(--space-4) 0;max-width:590px}.mini-shell .main-content{padding-bottom:calc(90px + env(safe-area-inset-bottom))}h1{font-size:var(--type-heading-mobile);letter-spacing:-.8px}h2{font-size:22px}.page-header{margin-bottom:var(--space-5);gap:var(--space-4)}.page-header p{font-size:var(--type-ui-sm);margin-top:10px}.eyebrow{font-size:7px;letter-spacing:1.35px;margin-bottom:10px}.button{font-size:var(--type-ui-sm);padding:var(--space-3) var(--space-4);min-height:46px}.card-header,.card-body{padding:var(--space-5)}.card-header h2{font-size:17px}.badge{font-size:9px}.demo-note{font-size:10px;padding:var(--space-3);gap:var(--space-2)}.home-intro{margin-bottom:var(--space-3);gap:6px}.home-intro .eyebrow{font-size:6.5px;letter-spacing:.9px}.home-intro .button{font-size:10px;padding:var(--space-2)}.welcome-card{border-radius:var(--radius-md)}.welcome-photo{height:205px}.welcome-photo img{object-position:center 47%}.welcome-photo figcaption{top:10px;right:10px;font-size:7px;padding:4px 7px}.welcome-copy{padding:var(--space-5)}.welcome-copy h1{font-size:23px;letter-spacing:-.6px;line-height:1.3}.welcome-copy p{font-size:var(--type-ui-xs);line-height:1.8;margin-top:var(--space-2)}.welcome-copy .button{font-size:var(--type-ui-sm);margin-top:var(--space-4)}.home-status-grid{gap:var(--space-3);margin-top:var(--space-3)}.access-card,.progress-card{padding:var(--space-4);border-radius:var(--radius-md)}.access-card .eyebrow,.progress-card .eyebrow{font-size:6px;letter-spacing:.8px}.access-card strong{display:block;font-size:28px}.access-card strong small{font-size:9px;margin-top:2px}.access-card p{font-size:8px;margin-top:var(--space-2)}.access-card>div:last-child{top:39px;right:10px}.progress-card .usage-head>strong{font-size:28px;margin-top:var(--space-1)}.progress-card p{font-size:9px;margin-top:5px;line-height:1.8}.section-heading{margin-top:var(--space-6);margin-bottom:var(--space-4)}.section-heading h2{font-size:20px}.home-feature-grid{gap:var(--space-4)}.continue-card{display:block}.continue-image{height:155px}.continue-copy{padding:var(--space-5)}.continue-copy h3{font-size:20px}.continue-copy p{margin:var(--space-3) 0 var(--space-5)}.home-quick-actions>button{padding:var(--space-3);gap:var(--space-3);min-height:67px}.home-quick-actions strong{font-size:var(--type-ui-xs)}.home-quick-actions small{font-size:9px}.subscription-card{padding:var(--space-5);border-radius:var(--radius-md);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4)}.subscription-card h2{font-size:29px}.subscription-card .eyebrow{font-size:7px;margin-bottom:var(--space-2)}.subscription-date{padding:0 0 0 var(--space-4);margin:0;border-top:0;border-left:1px solid var(--color-control-border);gap:6px}.subscription-date strong{font-size:18px;line-height:1.4}.subscription-date small{font-size:10px}.plan-grid{gap:var(--space-3)}.plan-card{padding:var(--space-5);gap:0 var(--space-4)}.plan-top{margin-bottom:var(--space-3)}.plan-top .eyebrow{font-size:6px;max-width:150px}.plan-card h2{font-size:36px}.plan-card h2>span{font-size:10px}.plan-price{font-size:20px}.plan-price small{font-size:8px}.plan-benefits{margin-top:var(--space-4);margin-bottom:var(--space-3)}.renewal-explainer{padding:var(--space-4);gap:var(--space-3)}.renewal-explainer h3{font-size:var(--type-ui-xs)}.renewal-explainer p,.small-note{font-size:10px}.learning-summary{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-4)}.learning-summary p{font-size:10px}.learning-summary .badge{margin-left:auto;font-size:8px}.learning-summary .progress-track{order:3;flex-basis:100%;max-width:none}.filter-pills{gap:7px;margin-bottom:var(--space-5)}.filter-pills button{font-size:10px;padding:10px var(--space-3)}.course-intro h2{font-size:20px;line-height:1.4}.course-intro p{font-size:10px;line-height:1.8;margin-top:7px}.module-grid{gap:var(--space-5)}.module-photo{height:153px}.module-photo img{object-position:center 45%}.module-index{bottom:var(--space-3);left:var(--space-4);font-size:7px;padding:5px 8px}.module-body{padding:var(--space-5)}.module-heading{align-items:center;gap:var(--space-3)}.module-heading h3{font-size:20px}.module-heading .badge{font-size:8px;padding:4px 7px}.module-meta{font-size:10px;margin-bottom:var(--space-3)}.module-details{margin-top:var(--space-4)}.module-lesson{gap:10px;padding:var(--space-3) 0}.module-lesson strong{font-size:10px}.module-lesson small{font-size:8px}.module-lesson .button{padding:var(--space-2) 3px;font-size:9px;min-width:47px}.lesson-order{font-size:16px;width:20px}.lesson-navigation{gap:var(--space-2);margin-bottom:var(--space-4)}.lesson-navigation>.button{font-size:10px;padding-right:var(--space-2)}.lesson-navigation>span{font-size:7px;margin-right:var(--space-2);letter-spacing:.7px}.lesson-navigation>.badge{font-size:8px}.lesson-media{height:195px}.lesson-media figcaption{font-size:8px;bottom:var(--space-3);left:var(--space-3);padding:6px 10px;gap:6px}.lesson-title{padding-top:var(--space-5)}.lesson-title h1{font-size:27px;letter-spacing:-.8px}.lesson-title .eyebrow{font-size:6px;letter-spacing:1px}.lesson-tabs{margin-top:var(--space-5);gap:var(--space-6)}.lesson-tabs button{font-size:var(--type-ui-xs)}.lesson-reading{font-size:15px;line-height:1.9;padding:var(--space-5) 0}.reading-note{padding:var(--space-4);font-size:10px}.reading-note .eyebrow{font-size:6px}.lesson-actions{display:grid;gap:10px}.lesson-actions .button{width:100%}.shop-placeholder{display:block;padding:var(--space-5)}.shop-art{min-height:290px}.shop-placeholder h2{font-size:25px}.shop-placeholder p{font-size:var(--type-ui-sm)}.page-footer{font-size:8px;gap:var(--space-3);padding:var(--space-5) 0;margin-top:var(--space-6)}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;z-index:40;gap:3px;border-top:1px solid var(--color-silver);background:#f8f9fefc;padding:var(--space-2) 7px calc(var(--space-2) + env(safe-area-inset-bottom))}.bottom-nav button{min-width:0;min-height:52px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--color-muted);background:transparent;border-radius:var(--radius-sm);font-size:8px;line-height:1.3;white-space:nowrap}.bottom-nav button.selected{color:var(--color-text);background:var(--color-selected-surface);font-weight:700}.modal{padding:var(--space-5);border-radius:var(--radius-md)}.modal-head h2{font-size:21px}.modal-actions .button{flex:1}.modal-summary{align-items:flex-start;flex-wrap:wrap}.toast{left:var(--space-4);right:var(--space-4);bottom:calc(84px + env(safe-area-inset-bottom));max-width:none;padding:var(--space-3);font-size:var(--type-ui-xs)}.toast button{margin-left:auto}.admin-shell .sidebar{position:relative;width:auto;padding:var(--space-5) var(--space-4) var(--space-2);height:auto;gap:var(--space-4);border-right:0;border-bottom:1px solid var(--color-border)}.admin-shell .brand{font-size:20px}.admin-shell .sidebar-label,.admin-shell .sidebar-bottom,.admin-shell .topbar{display:none}.admin-shell .sidebar nav{display:flex;overflow-x:auto;gap:var(--space-2);scrollbar-width:thin;padding-bottom:var(--space-1)}.admin-shell .nav-item{flex-shrink:0;white-space:nowrap;min-height:var(--touch-target);gap:7px;padding:10px var(--space-3);font-size:10px}.admin-shell .nav-arrow{display:none}.admin-shell .workspace{margin-left:0}.admin-shell .main-content{padding:var(--space-6) var(--space-4) 0}.admin-shell h1{font-size:26px}.admin-shell .page-header{gap:var(--space-3)}.admin-shell .page-header p{font-size:10px}.role-selector{font-size:9px}.role-selector select{width:120px;height:44px;font-size:10px}.admin-intro{display:block;padding-bottom:var(--space-4);margin-bottom:var(--space-5);font-size:10px}.admin-intro .eyebrow{margin-bottom:var(--space-2)}.metrics-grid{gap:var(--space-3);margin-bottom:var(--space-5)}.metric{padding:var(--space-4)}.metric-top{font-size:9px;gap:var(--space-2);align-items:flex-start}.metric-top .icon-tile{height:29px;width:29px;padding:6px}.metric-value{font-size:30px;margin-top:var(--space-5)}.metric-detail{font-size:9px}.two-columns,.settings-grid{gap:var(--space-5)}.toolbar{padding:var(--space-4);flex-direction:column;align-items:stretch;gap:var(--space-3)}.search-field,.toolbar>select{max-width:none}.admin-shell table{min-width:900px}th,td{padding:var(--space-4) var(--space-5)}.table-footer{padding:var(--space-4);font-size:9px}.pagination{gap:var(--space-3)}.lesson-row{flex-wrap:wrap;gap:var(--space-3)}.lesson-info{flex-basis:calc(100% - 70px)}.lesson-row>.button{margin-left:52px}.danger-card{padding:var(--space-5)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}}.auth-screen{max-width:680px;min-height:100dvh;margin:auto;padding-top:max(32px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom))}.auth-screen .card{margin-top:32px;display:grid;gap:20px}