.star-button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;border:1px solid #ffffff80;border-radius:99px;padding:11px 23px;text-decoration:none;color:#f9f0ff;background:radial-gradient(circle at 87% 21%,#eddbc4 0 1px,transparent 2px),radial-gradient(circle at 18% 71%,#d9c5ff 0 1px,transparent 2px),linear-gradient(135deg,#4f4867,#20283e 70%);box-shadow:inset 0 2px 2px #ffffff40,inset 0 -3px 2px #10162b,0 6px 0 -3px #20263d,0 10px 22px #27203c26;font-size:13px;transition:transform .3s}.star-button:hover{transform:translateY(-2px)}.class-hero{max-width:1280px;margin:45px auto 35px;padding:0 4%;position:relative}.eyebrow{font:10px var(--font-mono);letter-spacing:.15em}.class-hero h1{font:600 clamp(36px,5vw,65px)/1.25 var(--font-display);letter-spacing:-.045em;margin:22px 0}.class-hero>p:not(.eyebrow){max-width:650px;color:#66627a;font-size:15px}.course-tabs{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.course-tabs a{padding:11px 23px;border-radius:99px;border:1px solid #aea5bd;text-decoration:none;font-size:14px}.course-tabs a[aria-current=true]{background:#272e45;color:#f3edf7;border-color:#f9f2ff;box-shadow:inset 0 1px #ffffff66}.class-layout{max-width:1320px;margin:0 auto 70px;padding:0 4%;display:grid;grid-template-columns:265px minmax(0,1fr);gap:26px;align-items:start}.class-layout aside{position:sticky;top:20px}.course-card{border:1px solid #fff;border-radius:24px;padding:16px;background:linear-gradient(140deg,#eee8f2,#c7c9dc);box-shadow:inset 0 2px #ffffff80,0 12px 30px #3a2d4d15}.course-card img{display:block;width:100%;height:150px;object-fit:contain;border-radius:15px;background:#e9e6ed}.course-card p{font-size:22px;font-weight:600;margin:14px 0 0}.course-card span{display:block;font-size:12px;color:#69627a;margin:0 0 12px}.course-card button{width:100%}#chapters{display:grid;gap:5px;margin-top:20px}#chapters a{display:flex;align-items:center;gap:10px;text-decoration:none;padding:10px 12px;border-radius:12px;font-size:12px;line-height:1.5;min-height:44px}#chapters a b{font:10px var(--font-mono);color:#7a6888}#chapters a[aria-current=page]{background:#f2edf5;box-shadow:inset 0 1px #fff}#chapters a span{margin-left:auto;flex-shrink:0;font-size:10px}.language-note{font-size:11px;color:#70677e}.lesson-shell{min-width:0;background:#eeeaf2;border:1px solid #fff;border-radius:27px;padding:30px;box-shadow:0 20px 50px -30px #30234150;overflow:hidden}.lesson-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:20px;border-bottom:1px solid #c9c1d2;font:11px var(--font-mono)}.lesson-toolbar button{border:1px solid #b5a9c3;border-radius:99px;padding:8px 13px;background:transparent;color:#524360;font-size:11px;min-height:44px}#lessonContent{font-size:15px;overflow-wrap:anywhere}#lessonContent h1{font:600 clamp(24px,3vw,36px)/1.4 var(--font-display);letter-spacing:-.025em}#lessonContent h2{font-size:23px;line-height:1.5;margin-top:35px}#lessonContent h3{font-size:18px;margin-top:28px}#lessonContent img{display:block;max-width:100%;height:auto;border-radius:15px;margin:20px auto}#lessonContent figure{margin:20px 0}#lessonContent figcaption{color:#786f86;font-size:12px}#lessonContent pre{position:relative;white-space:pre-wrap;overflow-wrap:anywhere;background:radial-gradient(ellipse at top right,#50415d,#242b40 70%);color:#f2eafa;border:1px solid #ffffff80;padding:48px 22px 22px;border-radius:17px;font:12px/1.9 var(--font-mono)}#lessonContent code{font-size:12px}#lessonContent pre button{position:absolute;right:12px;top:10px;background:#ffffff10;color:#f5eaff;border:1px solid #ffffff50;border-radius:99px;padding:5px 13px;min-height:32px;font-size:11px}#lessonContent .table-scroll{overflow-x:auto;margin:22px 0;border:1px solid #c4b9ce;border-radius:15px}#lessonContent table{border-collapse:collapse;width:100%;min-width:500px;font-size:12px}#lessonContent td,#lessonContent th{padding:12px 15px;border-bottom:1px solid #d6cddd;text-align:left}#lessonContent th{background:#ded5e7}#lessonContent blockquote{margin:20px 0;padding:15px 22px;border-left:3px solid #b299bb;background:#e4dce9;border-radius:0 15px 15px 0}#lessonContent li{margin:8px 0}#lessonMask{position:relative;margin-top:25px;min-height:370px;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#e0d8e9,#bfc3d7);border:1px solid #fff}.mask-lines{padding:40px;filter:blur(6px);opacity:.35}.mask-lines i{display:block;height:15px;width:90%;margin:23px 0;background:#81728f;border-radius:99px}.mask-lines i:nth-child(2n){width:65%}.mask-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:28px;background:#e7e1ed85;backdrop-filter:blur(3px)}.mask-message>span{font-size:32px;color:#7f698f}.mask-message h2{font-size:25px;margin:5px 0}.mask-message p{font-size:13px;max-width:350px}.mask-message>a{font-size:12px;margin-top:18px}.chapter-pagination{display:flex;justify-content:space-between;gap:8px;margin-top:35px;border-top:1px solid #c9c1d2;padding-top:20px}.chapter-pagination button{font-size:12px;min-height:44px;padding:8px 13px;border:1px solid #b8adc6;border-radius:99px;background:transparent;color:#49405a}#unlockDialog{border:1px solid #fff;border-radius:25px;background:#e8e1ee;color:#242b43;padding:35px;width:min(480px,calc(100% - 30px));box-shadow:0 30px 100px #12172e60}#unlockDialog::backdrop{background:#1b21386e;}#unlockDialog h2{font-size:30px}#unlockDialog p{font-size:13px}#unlockDialog>a{font-size:12px}#closeUnlock{position:absolute;top:10px;right:12px;width:44px;height:44px;border:0;background:transparent;font-size:26px;color:inherit}#unlockForm{display:grid;gap:12px;margin-top:22px}#unlockForm label{font-size:12px}#accessCode{padding:13px;border:1px solid #b6a7c5;border-radius:10px;background:#f5f0fa;color:#242b43;min-width:0;width:100%}#unlockFeedback,#classFeedback{font-size:12px;color:#794557}#classFeedback{min-height:1.5em}
@media(max-width:800px){.class-layout{grid-template-columns:1fr}.class-layout aside{position:static}.course-card{display:grid;grid-template-columns:100px 1fr;gap:5px 18px;align-items:center}.course-card img{grid-row:1/4;height:115px}.course-card p{margin:0;font-size:21px}.course-card span{margin:0}.course-card button{width:max-content}.class-layout #chapters{display:flex;overflow-x:auto;padding-bottom:10px}.class-layout #chapters a{min-width:170px;align-items:flex-start}.class-hero{margin-top:20px}.lesson-shell{padding:23px}.language-note{margin:0}.class-header{padding:20px 4%}.class-header>div{gap:8px}}@media(max-width:420px){.lesson-shell{padding:18px}.class-header .star-button{padding:10px 17px}.chapter-pagination button{padding:7px 9px;font-size:11px}.mask-message{padding:20px}.mask-message h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.shop-reader,.shop-reader *,.shop-reader *:before,.shop-reader *:after{scroll-behavior:auto!important;transition:none!important}.star-button:hover{transform:none}}
.class-layout aside{min-width:0}.class-layout #chapters{max-width:100%}.course-tabs a{min-height:44px}

/* Frost belongs to the dialog surface, not the page-wide veil. */
#unlockDialog{background:linear-gradient(135deg,#f8f4ffa8,#e1dbef80);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}