@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:Plus Jakarta Sans,Noto Sans JP,sans-serif;color:#233a32;background:#f8f9f5;font-synthesis:none;line-height:1.6;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #70b346;outline-offset:4px}button svg{flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#142f2a;color:#c5ced4;padding:33px 23px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;font-size:24px;font-weight:700;color:#fff;letter-spacing:2px;gap:10px}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:#dfeb9e;color:#152d2c;width:36px;height:36px;border-radius:11px}.brand-icon svg{width:29px;height:29px}.brand-wordmark small{display:block;margin-top:1px;font-size:6px;letter-spacing:1.25px;color:#afc3b8}.nav-label{font-size:11px;letter-spacing:1.8px;margin:62px 10px 17px;color:#637a87}.nav-item,.nav-categories button{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:12px;width:100%;padding:14px 13px;text-align:left;font-size:14px;border-radius:9px}.nav-item.selected{background:#b9ef8620;color:#cdf9ab}.nav-categories{margin-top:16px;padding-top:13px;border-top:1px solid #ffffff0f}.nav-categories button:hover{background:#ffffff0a;color:#fff}.sidebar-bottom{margin-top:auto;padding:30px 13px 5px}.sidebar-bottom p{font-size:22px;line-height:1.65;letter-spacing:1px;color:#edf4f5;margin-bottom:12px}.sidebar-bottom small{font-size:12px;color:#8096a2}.small-orbit{display:flex;padding-left:7px}.small-orbit span{width:25px;height:25px;border-radius:50%;border:1px solid #a5e683;margin-left:-7px;background:#14252b}.small-orbit span:nth-child(2){background:#a5e683}.surface{margin-left:232px}.topbar{height:85px;border-bottom:1px solid #e2e7eb;display:flex;justify-content:space-between;align-items:center;padding:0 48px;background:#fff}.crumb{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#74808b}.crumb span{letter-spacing:0;font-weight:400;margin-left:12px;font-size:12px}.login-button{display:flex;align-items:center;gap:16px;padding:10px 18px;background:#fff;border:1px solid #dae0e4;border-radius:7px;font-size:13px;font-weight:600}.account{display:flex;gap:14px;align-items:center;font-size:12px}.account span{max-width:230px;overflow:hidden;text-overflow:ellipsis}.account button{border:0;background:none;display:flex}.library{padding:48px;max-width:1640px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:36px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.7px;color:#517862;font-weight:700}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#659747}.welcome h1{font-size:clamp(23px,2.2vw,33px);letter-spacing:-1px;margin:13px 0 10px;line-height:1.5}.welcome p{color:#7b858d;font-size:13px;margin:0}.stats{display:flex;gap:27px;padding-bottom:3px}.stats>div{padding-left:22px;border-left:1px solid #d8dfe4}.stats strong{display:block;font-size:25px;letter-spacing:-1px;white-space:nowrap}.stats small{font-size:11px;margin-left:4px;letter-spacing:0}.stats span{font-size:10px;color:#8a959d;white-space:nowrap}.catalog-controls{display:flex;align-items:center;justify-content:space-between;margin:8px 0 24px;gap:16px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{border:0;border-radius:20px;padding:9px 17px;background:transparent;font-size:12px;color:#7c8791}.tabs .active{background:#1c3039;color:#fff}.search{display:flex;gap:10px;align-items:center;border:1px solid #dde3e7;padding:10px 13px;background:#fff;border-radius:8px;color:#9ba6ac}.search input{border:0;outline:none;background:none;font-size:12px;min-width:0;width:160px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.course-card{padding:0;overflow:hidden;border:1px solid #e3e8ec;text-align:left;background:#fff;border-radius:14px;transition:transform .2s,box-shadow .2s;min-width:0;box-shadow:0 2px 4px #172b3203}.course-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #24384612}.cover{height:190px;position:relative;overflow:hidden;color:#effff9;background:#264f46}.cover-code{background:linear-gradient(125deg,#172c43,#477188)}.cover-cloud{background:linear-gradient(135deg,#181d3d,#484689)}.cover-ai{background:linear-gradient(130deg,#1d4440,#77a295)}.theme-1.cover-ai{background:linear-gradient(125deg,#79493c,#d6a884)}.theme-2.cover-ai{background:linear-gradient(125deg,#424278,#8e8ac1)}.theme-3.cover-ai{background:linear-gradient(125deg,#866c26,#c6b76d)}.cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff04 1px,transparent 1px),linear-gradient(90deg,#fff04 1px,transparent 1px);background-size:26px 26px;opacity:.35}.cover-label{position:absolute;left:20px;top:17px;font-size:9px;letter-spacing:2px;opacity:.75}.cover-count{position:absolute;bottom:17px;left:20px;font-size:9px;letter-spacing:1.4px}.cover-arrow{position:absolute;right:17px;bottom:17px}.cover-visual{position:absolute;inset:35px 25px 24px;display:flex;align-items:center;justify-content:center;perspective:800px}.glass-card{border:1px solid #ffffff55;background:linear-gradient(115deg,#fff2,#ffffff08);box-shadow:0 15px 25px #06172120;border-radius:10px;position:absolute;display:flex;align-items:center;justify-content:center;color:#e7fffa}.glass-card.back{width:128px;height:88px;transform:translate(-27px,-2px) rotate(-12deg);opacity:.45}.glass-card.front{width:145px;height:91px;transform:translate(21px,10px) rotate(6deg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:12px}.glass-card.front span{font-size:11px;letter-spacing:1px;max-width:80px;overflow:hidden}.orb{position:absolute;width:53px;height:53px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#eafddd,#a3d087 35%,#559b6b 70%,#255355);right:24px;top:6px;box-shadow:4px 10px 14px #122c3340}.card-body{padding:20px 21px 18px}.category{font-size:10px;color:#78897d;font-weight:600;letter-spacing:.5px}.card-body h2{font-size:17px;line-height:1.6;margin:8px 0;min-height:54px;letter-spacing:-.2px}.card-body p{font-size:12px;color:#849098;line-height:1.85;min-height:45px;margin:0 0 17px}.card-footer{border-top:1px solid #edf0f2;padding-top:14px;display:flex;align-items:center;gap:16px;color:#8a959c;font-size:10px}.card-footer span{display:flex;align-items:center;gap:5px}.card-progress{height:3px;background:#eaf0e8;border-radius:3px;margin-top:16px}.card-progress span{display:block;height:100%;background:#77a853}.footer{font-size:12px;padding:35px 48px;border-top:1px solid #e3e8ec;color:#61737b;display:flex;justify-content:space-between}.footer span{color:#9aa5ac;font-size:11px}.resume{display:flex;align-items:center;gap:15px;width:100%;background:#edf4e7;border:1px solid #d8e7d1;padding:18px 23px;border-radius:12px;text-align:left;margin-bottom:28px}.resume-play{display:flex;padding:13px;background:#b6e88f;border-radius:50%}.resume div:nth-child(2){display:flex;flex-direction:column}.resume small{font-size:11px;color:#779168}.resume strong{font-size:14px;margin-top:3px}.resume>span{margin-left:auto;display:flex;align-items:center;font-size:12px;gap:12px}.course-page{padding:30px 48px 48px;max-width:1640px;margin:auto}.back{border:0;background:none;display:flex;gap:7px;align-items:center;font-size:12px;color:#74848e;padding:0;margin-bottom:25px}.lesson-heading h1{font-size:28px;letter-spacing:-.5px;margin:10px 0}.lesson-heading p{color:#7c8993;font-size:13px;margin:0 0 30px}.study-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:27px;align-items:start}.study-main{min-width:0}.player-frame{background:#101d26;border-radius:12px;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center}.player-frame video{width:100%;height:100%}.locked{width:100%;text-align:center;color:#d2dce2;padding:20px}.locked svg{color:#b6e78f}.locked h2{font-size:19px;color:#fff}.locked p{font-size:12px;color:#94a9b6}.primary{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:0;background:#b6e78f;color:#173633;border-radius:8px;padding:12px 23px;font-weight:700;font-size:14px}.player-options{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:12px}.player-options select{margin-left:10px;border:1px solid #dce3e7;border-radius:6px;background:#fff;padding:5px 12px}.player-options button{display:flex;align-items:center;gap:7px;padding:8px 14px;background:#fff;border:1px solid #dbe4e7;border-radius:7px;font-size:12px}.player-options .completed{background:#e3efda;color:#486e35}.material-bar{margin-top:12px;border-top:1px solid #dce4e8;display:flex;justify-content:space-between;align-items:center}.material-bar h2{font-size:16px;display:flex;align-items:center;gap:9px}.material-bar button{border:0;background:transparent;font-size:12px;color:#64846f}.material{width:100%;height:800px;background:#fff;border:1px solid #e1e6e9;border-radius:10px}.next-row{display:flex;justify-content:end;margin-top:20px}.lesson-list{background:#fff;border:1px solid #e0e5e9;border-radius:11px;overflow:hidden;max-height:calc(100vh - 70px);overflow-y:auto;position:sticky;top:25px}.lesson-list-title{padding:20px;border-bottom:1px solid #e5e9eb}.lesson-list-title h2{font-size:14px;margin:0}.lesson-list-title span{font-size:11px;color:#90a096}.lesson-row{border:0;border-bottom:1px solid #edf0f2;background:#fff;display:flex;align-items:center;gap:12px;width:100%;padding:15px;text-align:left}.lesson-row.active{background:#eaf4e4;box-shadow:inset 3px 0 #85b760}.lesson-row:hover{background:#f3f7f0}.lesson-num{width:24px;flex-shrink:0;font-size:11px;color:#9ca8ae}.lesson-row>span:nth-child(2){flex:1}.lesson-row strong{font-size:12px;font-weight:500;line-height:1.7;display:block}.lesson-row small{font-size:10px;color:#8c9ca3;display:block;margin-top:4px}.lesson-row>svg{color:#9dacb0}.course-intro{padding:60px 36px;border-radius:16px;color:#e8f3ed;background:linear-gradient(135deg,#182e39,#3a5d53);min-height:450px}.intro-symbol{color:#bce39b;display:flex;margin-bottom:30px}.course-intro h2{font-size:26px}.course-intro p{font-size:14px;opacity:.7}.intro-details{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.intro-details span{font-size:11px;background:#ffffff13;padding:7px 10px;border-radius:5px}.modal-overlay{position:fixed;inset:0;background:#07151dbc;z-index:50;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.login-modal{position:relative;background:#fff;border-radius:18px;padding:40px;width:420px;max-width:100%;box-shadow:0 40px 100px #0003}.login-modal h2{font-size:25px;margin-bottom:4px}.login-modal p{font-size:14px;color:#849099}.login-modal label{display:block;font-size:12px;font-weight:600;margin:18px 0}.login-modal input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #d9e0e5;border-radius:6px;font-size:16px}.login-modal .primary{width:100%;margin:7px 0 18px}.login-modal small{font-size:11px;color:#8b979f}.close{position:absolute;right:15px;top:15px;background:none;border:0;color:#83939d}.setup-notice{background:#f4f3e5;padding:10px}.error{background:#fff1e9;color:#a14825;border:1px solid #f0c7b6;margin:16px 48px 0;padding:12px 16px;border-radius:6px;font-size:13px;display:flex;justify-content:space-between}.error button{background:none;border:0;display:flex}.empty{padding:50px;text-align:center;color:#88959f}.mobile-menu,.mobile-close,.mobile-only{display:none}@media(min-width:1500px){.cover{height:230px}.card-body h2{font-size:19px}}@media(max-width:1150px){.sidebar{width:200px;padding:30px 18px}.surface{margin-left:200px}.library,.course-page{padding:30px}.topbar{padding:0 30px}.stats{display:none}.course-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.study-grid{grid-template-columns:minmax(0,1fr) 260px}.brand{font-size:21px}.search input{width:140px}.tabs button{padding:8px 13px}}@media(max-width:800px){.sidebar{display:none}.sidebar.mobile-open{display:flex;width:245px;box-shadow:100vw 0 0 100vw #0006}.surface{margin-left:0}.mobile-menu,.mobile-close{display:flex;background:none;border:0}.mobile-close{position:absolute;right:12px;top:12px;color:#fff}.topbar{height:68px;padding:0 22px;gap:16px}.crumb{margin-right:auto;font-size:9px}.crumb span{display:none}.study-grid{grid-template-columns:1fr}.lesson-list{position:static;max-height:500px}.course-page{padding:25px 22px}.lesson-heading h1{font-size:24px}.library{padding:30px 22px}.welcome h1{font-size:27px}.welcome p{font-size:12px}.catalog-controls{flex-wrap:wrap}.tabs{width:100%;gap:3px}.tabs button{padding:8px 12px;font-size:11px}.search{width:100%;padding:11px 13px}.search input{width:100%}.cover{height:165px}.card-body{padding:16px}.card-body h2{font-size:15px}.card-body p{font-size:11px}.card-footer{flex-wrap:wrap;gap:7px}.footer{padding:25px 22px}.footer span{display:none}.resume>span{display:none}.resume strong{font-size:12px}.account span{display:none}.material{height:650px}.error{margin:12px 22px}.cover-label,.cover-count{font-size:8px}.glass-card.front{width:110px;height:80px;gap:7px}.glass-card.front span{font-size:9px}.glass-card.front svg{width:28px}.orb{right:0;top:0;width:35px;height:35px}}@media(max-width:480px){.course-grid{grid-template-columns:1fr}.cover{height:200px}.card-body h2{min-height:0;font-size:18px}.card-body p{min-height:0;font-size:13px}.card-footer{font-size:11px;gap:18px}.cover-label,.cover-count{font-size:10px}.glass-card.front{width:145px;height:95px}.glass-card.front svg{width:40px}.glass-card.front span{font-size:11px}.orb{right:30px;width:50px;height:50px}.welcome h1{font-size:24px}.mobile-only{display:block}.tabs button{padding:8px 10px}.player-options{gap:10px}.player-options button{font-size:11px;padding:8px}.locked h2{font-size:17px}.locked p{font-size:11px}.locked{padding:14px}.locked .primary{padding:8px 18px;font-size:12px}.login-modal{padding:30px}.intro-details{gap:6px}.course-intro{padding:35px 24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.library{padding-top:34px}.welcome{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:22px;padding:30px 36px 34px;border:1px solid #e3e7da;border-radius:22px;background:radial-gradient(ellipse at 85% 10%,#f2ead0 0,transparent 60%),#f0f3e8;overflow:hidden}.welcome .eyebrow{font-size:9px;letter-spacing:1.7px;color:#3e6957}.welcome h1{font-size:clamp(30px,3.1vw,46px);line-height:1.5;letter-spacing:-.05em;margin:18px 0 14px}.welcome h1 span{color:#46765c}.welcome p{font-size:12px;line-height:2;color:#5b6f62}.hero-link{display:inline-flex;align-items:center;gap:18px;background:#193e30;color:#fff;border-radius:9px;padding:13px 19px;margin-top:14px;font-size:12px;font-weight:600;transition:background .2s}.hero-link:hover{background:#2e5944}.learning-scene{position:relative;padding:62px 0 28px;min-width:0}.sunrise{position:absolute;inset:-42px -50px -40px;display:grid;place-items:center;pointer-events:none}.sunrise i{position:absolute;width:290px;height:290px;border-radius:50%;border:1px solid #ced7b7}.sunrise i:nth-child(2){width:370px;height:370px;opacity:.6}.sunrise i:nth-child(3){width:450px;height:450px;opacity:.3}.sunrise:before{content:"";width:210px;height:210px;background:linear-gradient(160deg,#ead994,#dce4b8);border-radius:50%}.scene-caption{position:absolute;top:16px;left:28px;color:#68816b;font-size:8px;letter-spacing:2px}.scene-window{position:relative;margin-right:12px;border:1px solid #fff;border-radius:14px;padding:0 18px 12px;background:#ffffffef;box-shadow:0 20px 40px #254a3212;animation:asuno-arrive .7s ease-out both}.scene-window-top{display:flex;align-items:center;gap:4px;border-bottom:1px solid #e9ede7;height:35px;margin-bottom:5px}.scene-window-top>span{border-radius:50%;width:5px;height:5px;background:#cfdbca}.scene-window-top small{margin-left:auto;font-size:7px;letter-spacing:1.4px;color:#7b8c7b}.scene-row{display:flex;align-items:center;gap:10px;padding:14px 0}.scene-row+.scene-row{border-top:1px solid #edf0e8}.scene-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #e2e9d5;border-radius:10px;background:#eef3e6;color:#52714b}.scene-row:nth-child(3) .scene-icon{background:#edf1f7;border-color:#dfe6ee;color:#557194}.scene-row:nth-child(4) .scene-icon{background:#f9f0e2;border-color:#efe2ce;color:#a2844e}.scene-row strong{display:block;font-size:11px;white-space:nowrap}.scene-row small{display:block;font-size:9px;color:#7b897f;margin-top:4px}.scene-row>svg{margin-left:auto;flex-shrink:0;color:#749267}.scene-note{position:absolute;right:-3px;bottom:7px;display:flex;align-items:center;gap:9px;font-size:9px;color:#314b36;background:#e2ecb9;padding:11px 16px;border:1px solid #f7fae9;border-radius:8px;transform:rotate(2deg);box-shadow:0 7px 20px #254a3212}.library-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 5px;border-bottom:1px solid #e2e7dd;margin-bottom:32px}.library-summary .stats{display:flex;gap:26px}.library-summary .stats>div{padding-left:26px;border-color:#dce2d5}.library-summary .stats>div:first-child{padding-left:0;border-left:0}.library-summary .stats strong{font-size:23px;color:#2e4d3a;letter-spacing:-.8px}.library-summary .stats span{color:#728071}.library-summary>p{color:#76826f;font-size:10px;display:flex;align-items:center;gap:8px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.section-kicker{color:#728769;font-size:8px;letter-spacing:1.8px;font-weight:600}.section-heading h2{font-size:21px;letter-spacing:-.5px;margin:4px 0 0}.section-heading>p{font-size:11px;color:#7d897b;margin:0 0 3px}.start-section{margin-bottom:36px}.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.start-card{padding:22px;text-align:left;border-radius:13px;border:1px solid #e1e6d9;background:#fff;transition:transform .2s,border-color .2s}.start-card:hover{transform:translateY(-3px);border-color:#b2c4a1}.start-icon{display:inline-flex;align-items:center;justify-content:center;background:#edf3df;color:#4c7145;width:39px;height:39px;border-radius:11px}.start-code .start-icon{background:#edf0f6;color:#527297}.start-cloud .start-icon{background:#f6efe2;color:#967b43}.start-card h3{font-size:14px;margin:14px 0 8px}.start-card p{color:#7e8a7e;font-size:10px;line-height:1.9;margin:0 0 20px}.start-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0e9;padding-top:13px;font-size:11px;color:#395c3d}.catalog-heading{scroll-margin-top:25px}.course-card{border-color:#e1e7dd}.tabs .active{background:#244836}.glass-card.front span{max-width:100%;text-align:center;overflow-wrap:anywhere}.nav-label{color:#91aaa0}@keyframes asuno-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1250px){.welcome{padding:25px;gap:18px}.welcome h1{font-size:34px}.scene-row strong{font-size:10px}.library-summary>p{max-width:170px}.start-card{padding:18px}}@media(max-width:1050px){.welcome{grid-template-columns:1fr;position:relative}.welcome-copy{position:relative;z-index:1}.learning-scene{display:none}.welcome:after{content:"";position:absolute;width:330px;height:330px;right:-120px;bottom:-150px;border:45px solid #d9dfbe55;border-radius:50%}.library-summary>p{display:none}.library-summary .stats{width:100%;justify-content:space-between;gap:10px}.library-summary .stats>div{padding-left:18px}.start-grid{grid-template-columns:1fr;gap:10px}.start-card{position:relative;padding:18px 18px 18px 75px}.start-icon{position:absolute;left:18px;top:21px}.start-card h3{margin-top:0}.start-card p{margin-bottom:12px}.start-link{padding-top:9px}}@media(max-width:800px){.welcome{padding:26px}.welcome h1{font-size:32px}.welcome .eyebrow{font-size:8px}.library-summary{padding:21px 0;margin-bottom:26px}.library-summary .stats strong{font-size:21px}.section-heading{align-items:start;flex-direction:column;gap:5px}.section-heading h2{font-size:20px}.start-section{margin-bottom:30px}.crumb{font-size:14px;font-weight:700;letter-spacing:1.8px;color:#264836}.footer span{display:inline;font-size:10px}}@media(max-width:480px){.library{padding:20px 18px}.welcome{padding:22px;border-radius:16px}.welcome h1{font-size:30px}.welcome p{font-size:11px}.library-summary .stats{gap:12px}.library-summary .stats strong{font-size:19px}.library-summary .stats span{font-size:9px}.library-summary .stats>div{padding-left:12px}.footer{font-size:12px}}@media(max-width:360px){.welcome h1{font-size:27px}.welcome{padding:18px}.library-summary .stats strong{font-size:17px}.library-summary .stats{gap:8px}}@media(prefers-reduced-motion:reduce){.scene-window{animation:none}.start-card,.hero-link{transition:none}}