:root{color-scheme:dark;font-family:Noto Sans KR,Apple SD Gothic Neo,Arial,sans-serif;color:#f4f5ff;background:#080b16;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #c8bcff;outline-offset:7px;border-radius:5px}.skip{position:fixed;top:-80px;left:20px;z-index:10;padding:14px;background:#26203e}.skip:focus{top:10px}.cosmos{position:absolute;inset:0 0 auto;height:890px;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 77% 30%,#34275855,transparent 46%),radial-gradient(ellipse at 30% 0,#16284255,transparent 55%)}.stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 25px 30px,#ced9ffb0 95%,transparent),radial-gradient(1px 1px at 105px 115px,#ffffff80 95%,transparent),radial-gradient(1.5px 1.5px at 170px 58px,#cdc0ffa0 95%,transparent);background-size:213px 179px,317px 251px,407px 313px;-webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent)}.galaxy{position:absolute;width:630px;height:215px;right:-20px;top:210px;border-radius:50%;transform:rotate(-28deg);background:radial-gradient(ellipse,transparent 21%,#f3dfc1b0 23%,#b79fed85 25%,#8b72c93a 31%,transparent 52%);filter:blur(1px);box-shadow:0 0 80px #9b80c612,inset 0 0 55px #a998fa13}.galaxy:before{content:"";position:absolute;width:165px;height:165px;border-radius:50%;background:#070913;left:233px;top:24px;box-shadow:0 0 9px #ffe3c7b0,0 0 28px #c4a2ef65,inset -6px 0 12px #a4a0df20}.horizon{position:absolute;top:650px;width:150%;height:450px;left:-25%;border-top:1px solid #8fa8de2b;border-radius:50%;background:radial-gradient(ellipse at 50% 0,#1c2b4b55,transparent 65%);box-shadow:0 -15px 70px #7284ca0d}.site-header,main,.site-footer{max-width:1200px;margin:auto;padding-left:42px;padding-right:42px}.site-header{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}.brand{font-size:18px;font-weight:700;letter-spacing:-.5px}.brand-star{color:#d3c1ff;margin-right:10px;font-size:26px;vertical-align:middle}.nav-link{font-size:13px;color:#c3c7d7}.nav-link span{margin-left:20px}.hero{padding:85px 0 74px;position:relative}.eyebrow{font-size:12px;color:#b6accf;letter-spacing:1px;margin:0 0 20px}.eyebrow>span{display:inline-block;width:5px;height:5px;background:#d6c3ff;border-radius:50%;box-shadow:0 0 9px #b499ff;margin:0 9px 2px 0}h1{font-size:clamp(34px,4.4vw,58px);line-height:1.35;letter-spacing:-2.5px;font-weight:600;margin:0 0 24px}.hero-description{font-size:15px;line-height:1.9;color:#b7bdce;margin:0}.explore{display:inline-flex;gap:36px;align-items:center;margin-top:30px;font-size:12px;color:#e0dded;padding:12px 0;border-bottom:1px solid #ffffff40}.explore span{color:#c1acf2}.experiments{position:relative;padding-bottom:70px;scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:43px}.section-heading .eyebrow{margin-bottom:10px;font-size:11px}h2{margin:0;font-size:25px;font-weight:500;letter-spacing:-.8px}.available{font-size:12px;color:#a9afc2;padding-bottom:3px}.folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.folder{position:relative;display:block;min-width:0;transition:transform .25s}.folder-tab{position:absolute;left:0;top:-22px;border:1px solid #43435f;border-bottom:none;border-radius:10px 15px 0 0;padding:7px 24px;height:25px;background:#1c1c30;font-size:10px;letter-spacing:1px;color:#d5c8f8}.folder-face{position:relative;border:1px solid #43435f;border-radius:0 14px 14px;background:linear-gradient(135deg,#202039ed,#141725f5);overflow:hidden}.folder-top{display:flex;align-items:center;justify-content:space-between;margin:20px 22px 0;height:25px}.subject{font-size:11px;color:#c1b7db}.open-mark{font-size:22px;color:#d6c4ff}.experiment-art{height:156px;position:relative;display:flex;justify-content:center;align-items:center}.experiment-art img{position:relative;width:215px;height:145px;object-fit:contain;filter:drop-shadow(0 12px 18px #0005)}.art-orbit{position:absolute;width:220px;height:90px;border:1px solid #b5a5e727;border-radius:50%;transform:rotate(-20deg);background:radial-gradient(ellipse,#b496ec20,transparent 70%)}.charge{position:absolute;border:1px solid #ccb8ff50;border-radius:50%;color:#ded2ff;font-size:17px;width:26px;height:26px;text-align:center;line-height:24px;background:#25223d}.plus{left:20%;top:30px}.minus{right:16%;bottom:25px}.folder-copy{padding:5px 22px 24px}.grade{font-size:10px;color:#b5a4d4}h3{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:10px 0}.folder-copy p{font-size:12px;color:#b7b9cc;line-height:1.7;margin:0}.folder-footer{display:flex;justify-content:space-between;padding:17px 22px;border-top:1px solid #ffffff12;font-size:11px;color:#d9cbee;background:#c2a4ff05}.active-folder:hover{transform:translateY(-6px)}.active-folder:hover .folder-face{border-color:#9b88c6;box-shadow:0 15px 45px #8070bc15}.future-folder .folder-face{background:linear-gradient(135deg,#151927ee,#111520ee);border-color:#2e3446}.future-folder .folder-tab{border-color:#2e3446;background:#171b29;color:#9da6bd}.status{font-size:10px;border:1px solid #ffffff1f;border-radius:20px;padding:4px 9px;color:#adb2c3}.future-art{height:156px;display:flex;align-items:center;justify-content:center;position:relative}.planet{height:78px;width:78px;border-radius:50%;background:radial-gradient(circle at 28% 25%,#626881,#22283c 57%,#111523 75%);box-shadow:12px 7px 30px #0004;position:relative}.planet:after{content:"";position:absolute;width:140px;height:36px;top:23px;left:-32px;border:1px solid #949abd66;border-radius:50%;transform:rotate(-30deg);box-shadow:0 3px #72779018}.small-star{position:absolute;right:23%;top:35px;color:#9b94b1}.constellation svg{width:205px;height:135px}.constellation path{fill:none;stroke:#727f9c55;stroke-width:1}.constellation circle{fill:#a8b5d0}.future-folder .grade,.future-folder .folder-footer{color:#919aaf}.future-folder h3{color:#d1d6e3;font-size:21px}.site-footer{border-top:1px solid #ffffff12;display:flex;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:30px;color:#939bb1;font-size:11px}.site-footer p{margin:0}@media(min-width:1500px){.galaxy{right:calc((100vw - 1280px)/2)}}@media(max-width:850px){.site-header,main,.site-footer{padding-left:24px;padding-right:24px}.folders{gap:16px}.folder-copy,.folder-footer{padding-left:16px;padding-right:16px}.folder-top{margin-left:16px;margin-right:16px}.folder-copy p{min-height:41px}.galaxy{right:-220px;opacity:.65}.future-folder h3{font-size:18px}}@media(max-width:620px){.site-header{height:78px}.brand{font-size:16px}.nav-link{font-size:11px}.nav-link span{margin-left:5px}.hero{padding:65px 0}.hero h1{font-size:36px;letter-spacing:-1.8px}.hero-description{font-size:13px}.galaxy{top:130px;right:-330px;opacity:.35}.section-heading{align-items:start;gap:12px}.available{font-size:10px;padding-top:30px}.folders{grid-template-columns:1fr;gap:46px}.folder-copy p{min-height:0}.folder-copy,.folder-footer{padding-left:22px;padding-right:22px}.folder-top{margin-left:22px;margin-right:22px}.experiment-art,.future-art{height:165px}.future-folder h3{font-size:22px}.site-footer{font-size:10px;gap:20px}.experiments{padding-bottom:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.folder{transition:none}}.grade-hero{padding-bottom:55px}.grade-hero h1{font-size:clamp(30px,4.4vw,50px)}@media(max-width:620px){.site-header .brand{font-size:14px}.site-header .brand-star{font-size:20px;margin-right:5px}.site-header{gap:12px}.nav-link{white-space:nowrap}.site-footer{flex-wrap:wrap}}@media(max-width:620px){.section-heading{flex-direction:column;gap:12px}.section-heading h2{word-break:keep-all}.section-heading .available{padding-top:0}}.unit-folders{row-gap:46px}.unit-number{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:48px;font-weight:300;color:#b8a9df}.unit-number span{font-size:24px;color:#8f84b2}.unit-folder h3{font-size:22px;word-break:keep-all}.empty-unit{border:1px solid #43435f;border-radius:14px;padding:45px 24px;background:#171b2980;text-align:center}.empty-unit>span{font-size:32px;color:#b8a9df}.empty-unit h3{font-size:21px;line-height:1.6}.empty-unit p{color:#b7bdce;font-size:13px;line-height:1.8}.empty-unit a{display:inline-block;margin-top:20px;padding:12px;color:#d5c8f8;font-size:13px}.electroscope-art{position:relative;width:215px;height:145px;filter:drop-shadow(0 12px 18px #0005)}