/* Kiến Học / Moonlit metal. Shared material, distinct semantic states. */
.night-theme{--paper:#090a11;--surface:#15151e;--ink:#f2edf7;--muted:#b4afc1;--line:#ffffff1c;--red:#b9a8e9;--redlight:#322843;--green:#95d8bf;--gold:#d8b486;background:#090a11;color:var(--ink);font-size:16px;isolation:isolate}
.night-theme button,.night-theme input,.night-theme select{font-family:'Be Vietnam Pro',system-ui,sans-serif}
.night-theme a{color:#d0b8f2}.night-theme p{color:var(--muted)}
#scene-background{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:#090a11;--scene-brightness:.45}
#scene-background>canvas{position:absolute;inset:0;width:100%;height:100%;opacity:calc(.25 + var(--scene-brightness)*.9)}
.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090a1155,#090a1122 60%,#090a1133),linear-gradient(0deg,#090a11a6,transparent 65%)}
.ambient-moon{position:absolute;width:410px;height:410px;border-radius:50%;right:12%;top:8%;background:radial-gradient(circle at 35% 30%,#c1b0d02e,#8270990a 65%,transparent 70%);filter:blur(1px)}
.scene-css{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 25%,#4d2d6e33,transparent 65%),radial-gradient(ellipse at 20% 80%,#29435633,transparent 60%);opacity:calc(.5 + var(--scene-brightness))}
[data-scene="gradient"] .scene-css{inset:-20%;background:radial-gradient(ellipse at 25% 40%,#734a8a88,transparent 50%),radial-gradient(ellipse at 80% 35%,#244e6888,transparent 55%),radial-gradient(ellipse at 50% 85%,#74404b66,transparent 60%);animation:nebula-flow 24s ease-in-out infinite alternate}
[data-scene="chrome"] .ambient-moon,[data-scene="grid"] .ambient-moon{display:none}
[data-scene="still"] .scene-css{background:radial-gradient(ellipse at 60% 0%,#36334433,transparent 70%)}
@keyframes nebula-flow{from{transform:translate3d(-2%,0,0) rotate(-5deg) scale(1)}to{transform:translate3d(3%,4%,0) rotate(9deg) scale(1.1)}}
.motion-paused .scene-css{animation-play-state:paused}.motion-paused .orbit-showcase{--orbit-x:0deg!important;--orbit-y:0deg!important}
.night-theme .shell{margin-left:256px;position:relative;z-index:0}.night-theme main{padding:32px 44px 60px;max-width:1470px}.night-theme.academy-mode main{padding-top:18px}
.night-theme header{height:88px;background:transparent;border-color:#ffffff10;padding:0 44px;gap:24px}
.night-breadcrumb{display:flex;flex-direction:column;gap:5px;min-width:0}.night-breadcrumb>span{font-size:8px;letter-spacing:2px;color:#9a93a8}.night-breadcrumb strong{color:#ded7e7;letter-spacing:.1px;font-size:12px;font-weight:500}
.header-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}.live-label{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:0;color:#bdb4cb}.live-label i{width:5px;height:5px;border-radius:50%;background:#c4a9e2;box-shadow:0 0 10px #c4a9e2}
.night-theme .sidebar{position:fixed;left:18px;top:20px;bottom:20px;width:222px;inset-inline-end:auto;padding:27px 16px 18px;border:1px solid #ffffff22;border-radius:24px;background:linear-gradient(160deg,#27232cc9,#101119ed 38%,#191820e8);box-shadow:inset 1px 1px 0 #ffffff15,0 20px 60px #0004;backdrop-filter:blur(22px);z-index:40;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#57515d transparent}
.night-theme .brand{font-size:22px;color:#fff;letter-spacing:-1px;margin:0 6px;flex-shrink:0}.night-theme .brandmark{width:37px;height:40px;border-radius:11px;background:linear-gradient(145deg,#8a7d9b,#29232f 48%,#5c506c);box-shadow:inset 0 1px 1px #ffffff80,0 4px 16px #0005;border:1px solid #ffffff2b;font-size:28px;line-height:38px;color:#f6edf9}.night-theme .brand small{font-size:6px;letter-spacing:1.4px;color:#b0a4b8;line-height:2;margin-top:2px}.night-theme .navlabel{font-size:8px;color:#a396af;letter-spacing:1.1px;margin:38px 12px 13px}.night-theme nav{display:flex;flex-direction:column;gap:8px;overflow:visible;margin:0}
.night-theme .nav{display:flex;align-items:center;gap:11px;color:#c7becf;background:transparent;border:1px solid transparent;border-radius:12px;min-height:48px;padding:10px 10px;text-align:left;width:100%;font-size:14px;white-space:normal;position:relative;transform-origin:left center;transition:transform .18s ease-out,background .2s,border-color .2s}
.night-theme .nav>span:not(.dock-icon){font-size:11px;font-weight:500;flex:1;line-height:1.65;min-width:0}.dock-icon{display:flex;align-items:center;justify-content:center;flex:0 0 25px;height:29px;transition:transform .18s}.night-theme .nav svg{width:20px;height:20px}.night-theme .nav.active{color:#f1e2fc;border:1px solid #bfa5d342;background:linear-gradient(115deg,#63506f66,#2c25313b);box-shadow:inset 0 1px 0 #e5c8ff23,0 5px 16px #0002}.night-theme .nav.active:before{content:'';position:absolute;left:-1px;top:30%;height:40%;width:2px;background:#d1a9ec;box-shadow:0 0 12px #c191ed;border-radius:2px}.night-theme .nav:hover,.night-theme .nav.dock-hover{background-color:#ffffff08;border-color:#ffffff20}.night-theme .nav.dock-hover .dock-icon{transform:scale(1.15)}.night-theme .nav b{font-size:10px;background:#ffffff0b;border-radius:6px;padding:2px 5px;color:#b6a3c6}.history-links{display:grid;gap:7px}.history-links[hidden]{display:none}.dock-separator{height:1px;background:linear-gradient(90deg,transparent,#ffffff22,transparent);margin:12px 4px}.dock-group-label{padding:3px 12px;color:#9b8eaa;font-size:8px;letter-spacing:1.2px}.night-theme .sidebar-bottom{margin-top:auto;padding:24px 0 0;border:0}.night-theme .sidebar-bottom p{font-size:6px;letter-spacing:1px;margin:20px 9px 5px;color:#baa8c8}.night-theme .sidebar-bottom small{font-size:8px;display:block;margin-left:9px;color:#a99ab7}.night-theme .sidebar-bottom .dot{width:4px;height:4px;background:#c6a2de}.dock-close{display:none!important}.mobile-topbar,.dock-backdrop{display:none}
.night-theme :is(button,.btn,.academy-cta,.option,.target,.course-open,.bookmark){-webkit-tap-highlight-color:transparent}
.night-theme :is(.btn,.academy-cta,.option,.target,.course-open,.bookmark,.questiongrid button,.category-tabs button){color:#eee8f4;border:1px solid #ffffff29;background:linear-gradient(165deg,#4d485255 0%,#1c1d28dd 22%,#11121bef 57%,#36303d88 100%);box-shadow:inset 0 1px 0 #ffffff20,inset 0 -1px 0 #0008,0 4px 12px #0002;position:relative;isolation:isolate;overflow:hidden;transition:background .2s,border-color .2s,box-shadow .2s}
.night-theme :is(.btn,.academy-cta){min-height:44px;border-radius:999px;padding:11px 19px;font-size:12px;gap:10px}
.night-theme :is(.btn,.academy-cta,.option,.target,.course-open,.bookmark):hover{filter:none;border-color:#cbb4df80;box-shadow:inset 0 1px 0 #ffffff45,0 0 20px #ba8ee31b,0 6px 15px #0003}
.night-theme :is(.btn,.academy-cta,.option,.target,.course-open,.bookmark):active,.night-theme .metal-pressed{box-shadow:inset 0 2px 8px #0009,inset 0 -1px 0 #ffffff26}
.night-theme :is(.btn.primary,.academy-cta){background:linear-gradient(165deg,#c5b9d24d,#3b2e48 30%,#17131e 65%,#77668166);border-color:#d3b9e68a;box-shadow:inset 0 1px 1px #ffffff8c,0 0 25px #ad78d51a,0 8px 18px #0004;color:#fff;font-weight:600;letter-spacing:.1px}
.night-theme .btn.link{background:none;box-shadow:none;border-color:transparent;color:#c9b3e4;padding-left:0;padding-right:0;overflow:visible}.night-theme .btn.green{background:linear-gradient(160deg,#3f6257,#142e28);border-color:#92d4b460}
.night-theme button:disabled{opacity:.48}.night-theme .option:disabled{opacity:1}.night-theme :is(button,a,input,select,summary):focus-visible{outline:2px solid #dcc0f8;outline-offset:4px}
.shared-metal-stage{position:fixed;z-index:70;pointer-events:none;opacity:0;transition:opacity .18s;overflow:visible}.shared-metal-stage canvas{width:100%;height:100%;display:block}
.night-theme .academy-cta{display:inline-flex;gap:22px;text-decoration:none;min-height:54px;padding:14px 24px}.night-theme .btn svg,.night-theme .academy-cta svg{width:19px;height:19px;flex-shrink:0}
.night-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:590px;gap:15px;margin-bottom:34px}.night-hero-copy{position:relative;z-index:2;padding:30px 0;min-width:0}.night-eyebrow{font-size:8px;letter-spacing:2px;font-weight:500;color:#d4bce2;display:flex;align-items:center;gap:10px}.night-eyebrow>span{width:6px;height:6px;background:#d4b1e6;box-shadow:0 0 15px #cb8eec;border-radius:50%}.particle-wordmark{height:154px;position:relative;width:100%;margin:22px 0 7px;min-width:0}.particle-wordmark h1{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:clamp(62px,7.8vw,128px);font-weight:500;line-height:1;letter-spacing:-5px;white-space:nowrap;text-shadow:0 3px 35px #c4a1e22b;color:#f4edf9}.particle-wordmark canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0}.particle-wordmark.particle-ready canvas{opacity:1}.particle-wordmark.particle-ready h1{opacity:0}.night-hero h2{font-family:Lora,Georgia,serif;font-weight:400;font-size:clamp(30px,3.25vw,48px);line-height:1.25;letter-spacing:-1.2px;color:#eee5f3}.night-hero h2 em{color:#d6addd;font-weight:400}.night-hero-copy>p{font-size:13px;line-height:1.95;margin-top:23px;color:#c9bdd0;max-width:390px}.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-actions .academy-cta{margin:0}.hero-actions .hero-theme{font-size:10px;min-height:48px;background:#14131d99}.night-promises{display:flex;gap:12px;align-items:center;color:#b8a8c2;font-size:9px;margin-top:22px}.night-promises i{height:3px;width:3px;background:#b6a0c1;border-radius:50%}
.orbit-showcase{position:relative;height:460px;min-width:0;perspective:1100px;--orbit-x:0deg;--orbit-y:0deg}.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid #d8b9ed22;border-radius:50%;width:360px;height:360px;transform:translate(-50%,-50%) rotateX(61deg) rotateZ(-18deg);box-shadow:0 0 50px #a980c208,inset 0 0 35px #aa80c208}.ring-two{width:440px;height:440px;border-style:dashed;opacity:.7;transform:translate(-50%,-50%) rotateX(61deg) rotateZ(12deg)}.orbit-caption{position:absolute;left:15px;top:18px;font-size:7px;letter-spacing:1.6px;color:#c3aed0}.orbit-card{position:absolute;width:215px;height:277px;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:17px;border-radius:17px;background:linear-gradient(140deg,#55405cbd,#1b1721ee 50%,#33253be8);border:1px solid #e6bdfc4d;color:#f2eaf5;box-shadow:inset 0 1px 0 #f3d1ff36,0 30px 60px #0006;backdrop-filter:blur(10px);transform-style:preserve-3d;transition:transform .3s ease,border-color .3s}
.orbit-card-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#dac5e6}.orbit-card-top svg{width:15px;height:15px}.orbit-drawing{position:relative;border-radius:12px;height:128px;display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0;background:radial-gradient(ellipse at 50% 60%,#a367c04a,transparent 75%),linear-gradient(155deg,#ffffff07,#ffffff00);color:#cdb5e2;border:1px solid #ffffff0f}.orbit-drawing svg{width:48px;height:48px;opacity:.9}.orbit-drawing>span{font-size:35px;font-weight:600;letter-spacing:-1.5px;opacity:.8}.orbit-card strong{font-size:13px;line-height:1.55;font-weight:500}.orbit-card small{font-size:8px;color:#c0a9cc;margin-top:auto;padding-top:6px}.orbit-0{left:0;top:112px;transform:rotateY(calc(17deg + var(--orbit-x))) rotateX(var(--orbit-y)) rotateZ(-13deg);z-index:1}.orbit-1{left:calc(50% - 104px);top:68px;transform:rotateY(var(--orbit-x)) rotateX(var(--orbit-y)) rotateZ(1deg);z-index:3;border-color:#dec2eb8c}.orbit-2{right:-7px;top:137px;transform:rotateY(calc(-17deg + var(--orbit-x))) rotateX(var(--orbit-y)) rotateZ(14deg);z-index:2;background:linear-gradient(140deg,#3e4058bd,#151720ee 50%,#262b42e8)}.orbit-card:hover{z-index:4;border-color:#eed0ff;box-shadow:0 25px 75px #0008,0 0 30px #bc82d126}.orbit-footnote{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;color:#c3b2cd;display:flex;gap:8px;align-items:center}.orbit-footnote span{width:4px;height:4px;border-radius:50%;background:#c49ad7}
.night-theme .academy-strip{border-color:#ffffff1c;background:linear-gradient(110deg,#28213099,#16141e77);border-radius:15px;padding:23px 26px;margin-bottom:54px;backdrop-filter:blur(12px)}.night-theme .academy-strip>div{border-color:#ffffff1c}.night-theme .academy-strip b{color:#eee0f6}.night-theme .academy-strip span{color:#c1afcb;font-size:10px}.night-theme .academy-kicker{color:#cab0de;font-size:9px}.night-theme .library-heading h2{color:#f4edf9;font-size:34px}.night-theme .library-heading>span{color:#c1afcb}.night-theme .course-search{background:#17151fe6;border-color:#ffffff26;box-shadow:inset 0 1px 0 #ffffff0c}.night-theme .course-search input[type=search]{color:#f2eaf6}.night-theme .course-search svg{color:#bd9ed1}.night-theme .course-search input::placeholder{color:#a89ab3}.night-theme .course-search:focus-within{outline-color:#bb9bd6}.night-theme .category-tabs{gap:7px}.night-theme .category-tabs button{font-size:11px;border-radius:999px;padding:9px 14px;min-height:42px;color:#c6b4d1}.night-theme .category-tabs button.active{border-color:#c69bdf80;background:linear-gradient(135deg,#60476c88,#282132);color:#f5e7ff}.night-theme .catalog-count{color:#bdafca}.night-theme .course-card{background:linear-gradient(135deg,#29212fcc,#15141eee);border:1px solid #ffffff21;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff0c,0 15px 25px #0002;backdrop-filter:blur(12px)}.night-theme .course-card:hover{border-color:#d3aee269;box-shadow:0 12px 30px #0004}.night-theme .course-art{height:190px;border-bottom:1px solid #ffffff13}.night-theme .rose{background:radial-gradient(ellipse at 70% 10%,#9e68683b,transparent 70%),linear-gradient(140deg,#44303b,#201c28);color:#e7bccb}.night-theme .mint{background:radial-gradient(ellipse at 70% 10%,#5aaf9f2b,transparent 70%),linear-gradient(140deg,#253b3c,#161e2a);color:#b7e5d8}.night-theme .lilac{background:radial-gradient(ellipse at 70% 10%,#9772b946,transparent 70%),linear-gradient(140deg,#3a2f51,#201a2e);color:#d0b9ee}.night-theme .course-status{background:#0d0c1499;border-color:#ffffff26;color:#e7d6ef;font-size:9px}.night-theme .course-number{color:#dcc0e9}.night-theme .course-illustration>svg{filter:drop-shadow(0 0 15px #cfb6ea30)}.night-theme .course-category{color:#c4a3d8}.night-theme .course-content h3{font-size:19px;color:#f1e9f6}.night-theme .course-content>p{font-size:13px;color:#c3b4cd}.night-theme .course-tags span{background:#ffffff07;border-color:#ffffff1f;color:#cbbad6;font-size:10px}.night-theme .course-bottom small{color:#b4a5c0}.night-theme .course-open{border-radius:50%;color:#e1c9f4;border-color:#b595c35e}.night-theme .art-label{color:#d2b7df}.night-theme .method-section{border-color:#ffffff18;margin-top:64px}.night-theme .method-section h2{color:#f0e5f5;font-size:35px}.night-theme .method-grid article{border:1px solid #ffffff16;border-radius:13px;padding:20px;background:#1c18228f}.night-theme .method-grid article>svg{color:#c2a0dd}.night-theme .method-grid h3{color:#eee2f6}.night-theme .method-grid p{color:#c0b0cc}.night-theme .academy-bottom{background:linear-gradient(125deg,#34263ed9,#1e1b2ed9);border-color:#c3a2d633;backdrop-filter:blur(16px)}.night-theme .academy-bottom>span{color:#c9addb}.night-theme .academy-bottom h2{color:#f6eafb}.night-theme .academy-footer{border-color:#ffffff19;color:#bdadc9}.night-theme .academy-footer>b{color:#ede0f5}.night-theme .academy-footer .btn{color:#d4b6e9}.night-theme footer{padding:0 44px 32px;max-width:1470px}
.night-theme :is(.panel,.bankitem,.quizcard,.stats,.chapter,.target,.quizaside,.resultcard,.guidegrid .panel,.lesson-card){background:linear-gradient(135deg,#24212bf2,#15151ef5);border-color:#ffffff21;color:#eee6f5;box-shadow:inset 0 1px 0 #ffffff08,0 8px 25px #0002}
.night-theme .hero .hero-art{opacity:.75}.night-theme .hero h1,.night-theme .pageintro h1{color:#f6edf9}.night-theme .hero p,.night-theme .pageintro p{color:#bdb0cb}.night-theme .book{background:#564365;border-color:#302338;color:#f8e6ff;box-shadow:5px 4px 0 #9983a5}.night-theme .arch{border-color:#a183b35e}.night-theme .arch:after{border-color:#a183b336}.night-theme .target.selected{background:linear-gradient(140deg,#51405e,#211a2e);border-color:#be97da}.night-theme .target p{color:#c7b7d3}.night-theme .target .score small,.night-theme .target .count{color:#c7b0d6}.night-theme .target.selected .check{background:#a784c4;border-color:#c3a3dc}.night-theme .chapter-top .index,.night-theme .chapter-bottom button{color:#d6b9ea}.night-theme .chapter .index span,.night-theme .chapter .period{color:#bbaaC6}.night-theme .studybox,.night-theme .resumebox,.night-theme .continue-card{background:linear-gradient(130deg,#352c40ee,#1d202af2);border-color:#b19ac644}.night-theme .studybox p,.night-theme .continue-card small{color:#c0b0ce}.night-theme .notice,.night-theme .subject-disclaimer{background:#2c2530ed;border-color:#bb946c55;color:#e2c49e}.night-theme .notice a{color:#f2cea1}.night-theme .subject-disclaimer p{color:#ccb8cd}.night-theme .filters{background:#191822eb;border-color:#ffffff21;border-radius:14px}.night-theme select,.night-theme input[type=search]{background:#14141e;color:#eee5f5;border-color:#ffffff28;font-size:13px}.night-theme select option{background:#191621;color:#f7edf9}.night-theme .field label,.night-theme .filtercheck{color:#c4b5ce}.night-theme .field select,.night-theme .field input{font-size:14px}.night-theme .badge{background:#393048;color:#dfcbf0;border:1px solid #a58fbd33}.night-theme .badge.amber{background:#4a352d;color:#f1c399;border-color:#b9916544}.night-theme .meta{color:#b9a8c5}.night-theme .bookmark{padding:7px 10px;border-radius:9px;color:#ddc1eb;min-height:38px}.night-theme .stat label,.night-theme .stat small{color:#b9abc5}.night-theme .stat+.stat:before{background:#ffffff1c}.night-theme .meter{background:#ffffff13}.night-theme .meter i{background:linear-gradient(90deg,#9a7bb6,#d7b9ea)}.night-theme .bank-question{color:#f1e8f7;line-height:1.85}.night-theme .bank-answer{border-color:#ffffff1c}.night-theme .bankitem .bank-answer summary{color:#cdb0e4}.night-theme .option-list li{color:#d8cce3}.night-theme .option-list .correct{background:#233e35;color:#c4f0d9;border:1px solid #75b29455}.night-theme .explanation{background:#2c2634;color:#e0cfdf;border-color:#ad86c1}.night-theme .explanation strong{color:#c9a4d9}.night-theme .source{color:#c5b3f0}.night-theme .hint-button{background:linear-gradient(145deg,#51415455,#211b2b);border-color:#ad8bb657;color:#dfbfe8}.night-theme .hint-button[aria-expanded=true]{border-color:#d5ace7;background:#44304d}.night-theme .hint-panel{background:#292131;border-color:#ad8bb64d}.night-theme .hint-panel strong{color:#d1a5df}.night-theme .hint-panel p{color:#ddcce6}.night-theme .media-button{font-size:11px}.night-theme .media-button[data-tts]{color:#b8e2d4;border-color:#8ccbb15e}.night-theme .media-button[data-tts][aria-pressed=true]{background:#2d5b4e;color:#ecfff7}.night-theme .media-button[data-sound][aria-pressed=false]{background:#191923;color:#b8adc4}.night-theme .speech-rate{background:#1b1924;border-color:#ffffff25;color:#c4b5ce;border-radius:999px}.night-theme .speech-rate output{color:#d2b8e7}.night-theme .speech-rate input{accent-color:#c4a1df}.night-theme .quizcard h2{font-size:22px;color:#f3e9f9}.night-theme .option{border-radius:14px;font-size:15px;min-height:62px;background:linear-gradient(155deg,#46424a66,#1b1b26 33%,#171822 65%,#2e2a3588);border-color:#ffffff29;color:#f1e7f8}.night-theme .option b{border-color:#ffffff35;background:#ffffff08;border-radius:9px;color:#d6c2e6}.night-theme .option.selected{border-color:#c5a5e2;background:linear-gradient(135deg,#5b426d,#2d223b);box-shadow:inset 0 1px 0 #e6c9fa30,0 0 20px #a273c01a}.night-theme .option.correct{background:linear-gradient(140deg,#2b5043,#152e27);border-color:#8fd6b7;color:#e4fff2}.night-theme .option.correct b{background:#79b399;color:#10271f;border-color:#a4e1c3}.night-theme .option.incorrect{background:linear-gradient(140deg,#59343e,#2d1b29);border-color:#d897a5}.night-theme .option.incorrect b{color:#ffdbe2}.night-theme .quizaside p{color:#c5b4d2}.night-theme .questiongrid button{font-size:11px;color:#c4b4d0}.night-theme .questiongrid button.current{outline-color:#d2b1ec}.night-theme .questiongrid button.good{background:#2b4c40;color:#d2f9df;border-color:#75b492}.night-theme .questiongrid button.bad{background:#57313c;color:#ffd8e2;border-color:#a76e7c}.night-theme .questiongrid button.answered{background:#463655;color:#f1dcff}.night-theme .key-highlight,.night-theme .option .key-highlight{background:linear-gradient(transparent 15%,#8e68575c 15%,#8e68575c 90%,transparent 90%);color:inherit;font-weight:650}.night-theme .resultscore{color:#d8b8ef}.night-theme .resultscore small,.night-theme .resultsummary{color:#c5b0d4}.night-theme .guidegrid ul{color:#c7b7d4}.night-theme .timeline{border-color:#b89ccc55}.night-theme .timeline strong{color:#dfbdec}.night-theme .timeline li:before{background:#c8a8df}.night-theme .subject-intro{border:1px solid #ffffff25;box-shadow:inset 0 1px 0 #ffffff0d}.night-theme .subject-intro p{color:#d1c0dc}.night-theme .subject-intro h1{font-size:38px}.night-theme .subject-symbol svg{opacity:.6}.night-theme .lesson-card summary b{color:#ece1f4}.night-theme .lesson-index,.night-theme .lesson-chevron{color:#c9a5e1}.night-theme .lesson-card summary small{color:#bba9c9}.night-theme .lesson-body h3{color:#e9dcf2}.night-theme .lesson-body p{color:#c9b9d6}.night-theme .formula-box{background:#2a2638;border-color:#9182ae50;color:#e3cff8}.night-theme .lesson-example{background:#302737}.night-theme .lesson-remember{background:#26332e}.night-theme .lesson-example b,.night-theme .lesson-remember b{color:#d7bedf}.night-theme .course-next{background:#251f31;border:1px solid #ffffff1b}.night-theme .empty{border-color:#9b80b54d;background:#17131c99}.night-theme .empty h3{color:#e3c8f4}.night-theme #toast{background:#e4d1ef;color:#21192a;box-shadow:0 10px 35px #0006;font-size:13px;max-width:calc(100vw - 32px);text-align:center;z-index:100}
.appearance-quick{position:fixed;bottom:22px;right:26px;display:flex;gap:8px;z-index:45}.appearance-quick .btn{background:linear-gradient(145deg,#37313de6,#14151fee);backdrop-filter:blur(16px);box-shadow:0 8px 25px #0005;min-height:44px}.appearance-quick [data-pause-motion]{width:44px;padding:11px}.appearance-quick [data-pause-motion] svg{width:16px;height:16px}.night-theme dialog.appearance-dialog{border:1px solid #bda2d342;border-radius:24px;padding:28px;max-width:640px;width:calc(100% - 32px);color:#f1e8f8;background:linear-gradient(140deg,#2b2332,#14141f 65%);box-shadow:0 40px 140px #000a;max-height:calc(100dvh - 36px);overflow-y:auto;margin:auto}.appearance-dialog::backdrop{background:#07060cb3;backdrop-filter:blur(9px)}.appearance-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.appearance-heading>div>span{font-size:8px;letter-spacing:2px;color:#c3a2d9}.appearance-heading h2{font-family:Lora,serif;font-size:30px;color:#f6e8ff;line-height:1.35;margin-top:8px}.appearance-heading .btn{width:42px;height:42px;padding:10px}.appearance-context{font-size:12px;margin:16px 0 22px;color:#c5b0d5!important}.theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-choice{border:1px solid #ffffff20;border-radius:13px;padding:7px;background:#ffffff04;color:#f4e9fa;text-align:left;min-width:0}.theme-choice[aria-pressed=true]{border-color:#d5adee;box-shadow:0 0 0 1px #c59ad157;background:#59406c33}.theme-choice>strong{display:block;font-size:12px;margin:9px 5px 3px}.theme-choice>small{display:block;font-size:9px;color:#c4add4;margin:0 5px 7px;line-height:1.6}.theme-sample{height:79px;border-radius:8px;position:relative;overflow:hidden;display:block;background:#0f0f1a}.theme-sample>b{display:none;position:absolute;bottom:5px;right:6px;height:20px;width:20px;border-radius:50%;background:#d9bdeb;color:#2e1c3a;font-size:12px;text-align:center;line-height:20px}.theme-choice[aria-pressed=true] .theme-sample>b{display:block}.sample-sakura{background:radial-gradient(circle at 70% 30%,#c5a3d44d,transparent 50%),linear-gradient(45deg,#090a11,#302038)}.sample-sakura i{position:absolute;width:120px;height:50px;background:radial-gradient(ellipse,#e5b6d4 1px,#a078b4 3px,transparent 4px);background-size:14px 11px;transform:rotate(-20deg);top:-10px;left:-10px;border-bottom:2px solid #806078}.sample-grid{background-image:linear-gradient(#b697dc22 1px,transparent 1px),linear-gradient(90deg,#b697dc22 1px,transparent 1px),radial-gradient(ellipse at 60% 30%,#70548799,transparent 70%);background-size:17px 17px,17px 17px,100% 100%}.sample-gradient{background:radial-gradient(ellipse at 20% 20%,#b08ac0aa,transparent 65%),radial-gradient(ellipse at 90% 90%,#387293,transparent 65%),#25172e}.sample-chrome{background:repeating-linear-gradient(130deg,#0b0c11 0%,#7a6c89 13%,#a298bc 17%,#323744 22%,#191b28 30%)}.sample-still{background:linear-gradient(160deg,#292533,#101019)}.appearance-controls{border-top:1px solid #ffffff1b;margin-top:24px;padding-top:6px}.motion-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0}.motion-toggle b{font-size:13px}.motion-toggle small{display:block;font-size:10px;color:#b9a5c8;margin-top:5px}.motion-toggle input{appearance:none;flex:0 0 43px;width:43px;height:25px;border-radius:20px;background:#4d4357;border:1px solid #fff2;position:relative;cursor:pointer}.motion-toggle input:after{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#f1e7f8;transition:transform .18s}.motion-toggle input:checked{background:#9c79ba}.motion-toggle input:checked:after{transform:translateX(17px)}.motion-toggle input:disabled{opacity:.45;cursor:default}.brightness-control{display:block;padding:10px 0 18px}.brightness-control>span{display:flex;align-items:center;justify-content:space-between;font-size:12px}.brightness-control input{width:100%;accent-color:#c2a1dd;min-height:34px}.brightness-control small{display:block;font-size:10px;color:#baa8c8}.brightness-control output{color:#d8b8ed}.appearance-bottom{border-top:1px solid #ffffff1b;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.appearance-bottom>span{font-size:9px;color:#baa7c9}.night-theme .appearance-bottom .btn{min-width:100px}
@media(min-width:1600px){.night-theme main{padding-top:40px}.night-hero{min-height:650px;gap:36px}.orbit-card{width:240px;height:300px}.orbit-1{left:calc(50% - 118px)}.orbit-showcase{height:500px}.orbit-drawing{height:145px}.particle-wordmark{height:174px}.night-hero h2{font-size:49px}}
@media(max-width:1200px){.night-theme .sidebar{left:12px;width:205px;padding:24px 13px}.night-theme .shell{margin-left:230px}.night-theme main{padding:24px 28px 50px}.night-theme header{padding:0 28px}.night-hero{grid-template-columns:1.05fr 1fr;min-height:550px;gap:8px}.particle-wordmark{height:126px;margin-top:18px}.particle-wordmark h1{font-size:clamp(50px,7.4vw,100px);letter-spacing:-3px}.night-hero h2{font-size:36px}.night-hero-copy>p{font-size:12px}.hero-actions{gap:8px}.hero-actions .academy-cta{font-size:11px;padding:12px 18px;gap:14px}.hero-actions .hero-theme{font-size:9px;padding:10px 13px}.orbit-showcase{height:420px}.orbit-card{width:175px;height:245px;padding:14px}.orbit-0{left:0;top:110px}.orbit-1{left:calc(50% - 85px);top:65px}.orbit-2{right:-3px;top:135px}.orbit-drawing{height:103px}.orbit-drawing svg{width:40px;height:40px}.orbit-drawing>span{font-size:29px}.orbit-card strong{font-size:11px}.orbit-ring{width:280px;height:280px}.ring-two{width:330px;height:330px}.orbit-caption{font-size:6px;left:5px}.night-theme .academy-strip{padding:20px}.header-actions{gap:14px}.live-label{display:none}.night-theme footer{padding:0 28px 32px}}
@media(max-width:950px) and (min-width:801px){.night-hero{grid-template-columns:1fr;min-height:auto}.night-hero-copy{padding-bottom:0;max-width:550px}.particle-wordmark{width:390px;max-width:100%;height:130px}.particle-wordmark h1{font-size:89px}.orbit-showcase{height:340px;max-width:500px;width:100%;justify-self:center;margin-top:0}.orbit-caption{top:0}.orbit-0{top:48px;left:15px}.orbit-1{top:8px}.orbit-2{top:65px;right:15px}.orbit-footnote{bottom:0}.night-theme .course-grid{grid-template-columns:1fr 1fr}.night-theme .course-content h3{font-size:17px}}
@media(max-width:800px){.night-theme .shell{margin-left:0}.night-theme .sidebar{display:flex;position:fixed;left:12px;top:12px;bottom:12px;width:260px;max-width:calc(100vw - 38px);padding:27px 17px;transform:translateX(-115%);transition:transform .25s ease;z-index:65;background:linear-gradient(150deg,#28232ff5,#101119fa)}.night-theme .sidebar nav{flex-direction:column;overflow:visible;gap:8px;margin:0}.night-theme .sidebar .navlabel{display:block;margin-top:35px}.night-theme .sidebar .sidebar-bottom{display:block}.night-theme .sidebar .brand{font-size:24px}.night-theme .sidebar .brand small{font-size:6px}.night-theme .nav b{display:block}.night-theme .nav>span:not(.dock-icon){font-size:12px}.night-theme .nav{min-height:49px}.dock-open .sidebar{transform:translateX(0)}.night-theme .dock-close{display:inline-flex!important;position:absolute;right:6px;top:7px;width:31px;height:31px;min-height:31px;padding:6px;border:0;background:none;box-shadow:none;color:#bfa9cd}.mobile-topbar{display:flex;position:relative;z-index:30;justify-content:space-between;align-items:center;gap:12px;height:78px;padding:12px 20px;background:#11101999;border-bottom:1px solid #ffffff14;backdrop-filter:blur(18px)}.mobile-topbar>.btn{width:43px;height:43px;padding:10px}.mobile-brand{font-weight:600;font-size:22px;color:#f5e9ff!important;text-decoration:none;text-align:center;letter-spacing:-.7px;line-height:1.3}.mobile-brand span{display:block;font-size:5px;letter-spacing:1.7px;font-weight:400;color:#baa3c9;margin-top:5px}.night-theme header{display:none}.dock-open .dock-backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;background:#08050cb0;backdrop-filter:blur(5px);z-index:60}.night-theme main{padding:24px 24px 60px}.night-theme.academy-mode main{padding-top:10px}.night-hero{min-height:560px;gap:10px}.night-hero-copy{padding-top:25px}.night-hero h2{font-size:35px}.particle-wordmark{height:132px}.particle-wordmark h1{font-size:clamp(52px,9vw,83px)}.night-hero-copy>p{font-size:13px}.night-eyebrow{font-size:7px;letter-spacing:1.3px}.night-theme .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.night-theme .course-content>p{font-size:13px}.night-theme .course-content h3{font-size:18px}.night-theme .course-content{padding:20px}.night-theme .quizcard{padding:22px}.night-theme .quizcard h2{font-size:20px}.night-theme .option{font-size:15px}.appearance-quick{bottom:14px;right:16px}.appearance-quick .btn{min-height:44px;font-size:11px}.night-theme footer{padding:0 24px 85px}.night-theme .academy-strip{margin-bottom:36px}.night-theme .academy-footer{font-size:10px}.night-theme .subject-intro h1{font-size:31px}.night-theme .subject-intro p{font-size:14px}.night-theme .field label,.night-theme .filtercheck{font-size:11px}.night-theme .speech-rate{font-size:12px}.night-theme .bank-question{font-size:16px}}
@media(max-width:600px){.night-theme main{padding:20px 18px 50px}.night-hero{grid-template-columns:1fr;min-height:auto;margin-bottom:28px;gap:4px}.night-hero-copy{padding:27px 4px 0}.night-eyebrow{font-size:8px;letter-spacing:1.5px}.particle-wordmark{height:133px;width:100%;max-width:420px;margin:17px 0 2px}.particle-wordmark h1{font-size:clamp(63px,17vw,100px);letter-spacing:-4px}.night-hero h2{font-size:38px;line-height:1.25}.night-hero-copy>p{font-size:14px;margin-top:20px}.hero-actions{margin-top:24px;gap:9px}.hero-actions .academy-cta{font-size:11px;min-height:49px;padding:12px 17px}.hero-actions .hero-theme{min-height:45px;font-size:9px}.night-promises{font-size:10px;margin-top:19px}.orbit-showcase{height:350px;max-width:430px;width:100%;justify-self:center;margin-top:18px}.orbit-card{width:174px;height:235px;padding:13px;border-radius:14px}.orbit-0{top:67px;left:14px;transform:rotateY(calc(14deg + var(--orbit-x))) rotateX(var(--orbit-y)) rotateZ(-12deg)}.orbit-1{top:28px;left:calc(50% - 85px)}.orbit-2{top:80px;right:11px;transform:rotateY(calc(-14deg + var(--orbit-x))) rotateX(var(--orbit-y)) rotateZ(13deg)}.orbit-card strong{font-size:11px}.orbit-drawing{height:96px;margin:14px 0}.orbit-ring{height:260px;width:260px}.ring-two{height:320px;width:320px}.orbit-caption{top:0;left:16px;font-size:6px;letter-spacing:1.3px}.orbit-footnote{bottom:0;font-size:9px}.night-theme .academy-strip{padding:20px 18px;gap:18px 12px;border-radius:14px;margin-bottom:36px}.night-theme .academy-strip>div{padding-left:12px}.night-theme .academy-strip>div:nth-child(3){padding-left:0}.night-theme .academy-strip b{font-size:27px}.night-theme .academy-strip>div:last-child b{font-size:23px}.night-theme .academy-strip span{font-size:9px;line-height:1.7}.night-theme .library-heading h2{font-size:29px;line-height:1.35}.night-theme .course-grid{grid-template-columns:1fr;gap:20px}.night-theme .course-search input[type=search]{font-size:16px}.night-theme .category-tabs{gap:7px}.night-theme .category-tabs button{font-size:10px;padding:9px 12px;min-height:42px}.night-theme .course-art{height:190px}.night-theme .course-content{padding:22px}.night-theme .course-content h3{font-size:21px;min-height:0}.night-theme .course-content>p{font-size:14px;min-height:0}.night-theme .course-category{font-size:10px}.night-theme .course-tags span{font-size:10px}.night-theme .course-bottom>span{font-size:13px}.night-theme .course-bottom small{font-size:10px}.night-theme .course-status{font-size:10px}.night-theme .method-section{padding-top:28px;gap:26px}.night-theme .method-section h2{font-size:31px}.night-theme .method-grid{gap:12px}.night-theme .method-grid article{padding:16px}.night-theme .method-grid h3{font-size:13px}.night-theme .method-grid p{font-size:12px}.night-theme .academy-bottom h2{font-size:28px;line-height:1.4}.night-theme .academy-bottom>span{font-size:7px;line-height:1.9}.night-theme .academy-footer{gap:16px}.night-theme .subject-intro{padding:24px 20px}.night-theme .subject-intro h1{font-size:29px}.night-theme .subject-disclaimer{padding:16px}.night-theme .subject-disclaimer p{font-size:13px}.night-theme .sectionhead{gap:12px;flex-wrap:wrap}.night-theme .quizcard{padding:20px 16px}.night-theme .quizcard h2{font-size:18px}.night-theme .option{padding:13px 12px;gap:11px;font-size:14px}.night-theme .option b{width:27px;height:27px;line-height:25px;font-size:11px}.night-theme .quiznav .btn{font-size:11px}.night-theme .explanation{padding:15px;font-size:14px}.night-theme .hint-panel p{font-size:14px}.night-theme .bankitem{padding:20px 16px}.night-theme .meta{font-size:9px;gap:6px}.night-theme .badge{font-size:9px}.night-theme .bookmark{font-size:10px;margin-left:0}.night-theme .media-button{font-size:10px;padding:9px 10px}.night-theme .speech-rate{min-height:42px}.night-theme .subject-disclaimer b{font-size:14px}.night-theme .appearance-dialog{padding:22px 18px;border-radius:19px}.appearance-heading h2{font-size:26px}.theme-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.theme-sample{height:80px}.theme-choice>small{font-size:10px}.theme-choice>strong{font-size:13px}.appearance-bottom{flex-wrap:wrap;gap:12px}.appearance-bottom .btn{margin-left:auto}.night-theme .lesson-body p{font-size:14px}.night-theme .lesson-card summary{gap:12px}.night-theme .lesson-card summary b{font-size:14px}.night-theme .empty{padding:40px 20px}.night-theme .stats{grid-template-columns:1fr 1fr}.night-theme .stat:nth-child(3):before{display:none}.night-theme .stat label{font-size:10px}.night-theme .target-grid{gap:8px}.night-theme .target{padding:14px 10px}.night-theme .target p{font-size:9px}.night-theme .resultsummary{gap:13px;font-size:11px}.night-theme .resultcard h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.night-theme *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.orbit-showcase{--orbit-x:0deg!important;--orbit-y:0deg!important}.shared-metal-stage{display:none}}