@charset "UTF-8";
:root{color-scheme:dark;--bg:#06121f;--panel:rgba(9,29,50,.88);--panel-light:rgba(23,55,85,.78);--line:rgba(159,204,235,.28);--ice:#b5e9ff;--silver:#d9e5f1;--muted:#91aac1;--pink:#f1b0cc;--text:#eff5fb;--font:"Segoe UI","Microsoft JhengHei",sans-serif;--serif:"Noto Serif TC","PMingLiU","Microsoft JhengHei",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(130 * var(--interior-px, 1px))}body{margin:0;background:var(--bg);font-family:var(--font);font-size:calc(15 * var(--interior-px, 1px));line-height:1.7;color:var(--text);min-width:calc(320 * var(--interior-px, 1px))}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(4,14,27,.35) 0%,rgba(4,15,29,.62) 55%,#06121f 100%),url('/assets/background.jpg') center top/cover no-repeat}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.5}a,button,input,select,summary,textarea{outline-offset:calc(5 * var(--interior-px, 1px))}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:calc(2 * var(--interior-px, 1px)) solid var(--pink)}::selection{background:#b37097;color:white}img{max-width:100%;display:block}svg{vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:600}h2{font-size:calc(30 * var(--interior-px, 1px));line-height:1.4}h3{font-size:calc(23 * var(--interior-px, 1px))}p+p{margin-top:1em}.container{width:min(calc(1480 * var(--interior-px, 1px)),calc(100% - calc(96 * var(--interior-px, 1px))));margin-inline:auto}.site-wrap{position:relative}.utility-bar{height:calc(37 * var(--interior-px, 1px));border-bottom:1px solid rgba(134,182,215,.12);background:rgba(3,13,24,.6);color:var(--muted);font-size:calc(11 * var(--interior-px, 1px));letter-spacing:calc(1.6 * var(--interior-px, 1px))}.utility-inner,.utility-inner>div{display:flex;align-items:center;justify-content:space-between;height:100%;gap:calc(25 * var(--interior-px, 1px))}.utility-inner button{font-size:calc(11 * var(--interior-px, 1px));letter-spacing:1px;padding:calc(3 * var(--interior-px, 1px)) 0;color:#c3d4e5;display:inline-flex;gap:calc(7 * var(--interior-px, 1px));align-items:center}.tiny-flower{font-style:normal;color:var(--pink);margin-right:calc(6 * var(--interior-px, 1px))}.site-header{background:rgba(5,19,35,.76);border-bottom:1px solid var(--line);position:relative;z-index:30;backdrop-filter:blur(calc(12 * var(--interior-px, 1px)))}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:calc(50 * var(--interior-px, 1px));min-height:calc(120 * var(--interior-px, 1px))}.brand{width:calc(251 * var(--interior-px, 1px));flex-shrink:0;padding:calc(5 * var(--interior-px, 1px)) 0}.brand img{width:100%;height:auto;filter:drop-shadow(0 calc(2 * var(--interior-px, 1px)) calc(10 * var(--interior-px, 1px)) #06111c)}#main-nav{display:flex;align-items:center;justify-content:space-between;gap:clamp(calc(24 * var(--interior-px, 1px)),3vw,calc(54 * var(--interior-px, 1px)));padding:calc(10 * var(--interior-px, 1px)) 0}#main-nav>a{position:relative;display:flex;align-items:center;flex-direction:column;white-space:nowrap;letter-spacing:calc(2 * var(--interior-px, 1px));font-size:calc(16 * var(--interior-px, 1px));font-weight:600;padding:calc(15 * var(--interior-px, 1px)) 0;transition:color .2s}#main-nav>a>span{font-family:var(--font);font-size:calc(9 * var(--interior-px, 1px));color:var(--muted);letter-spacing:calc(2 * var(--interior-px, 1px));font-weight:400;margin-top:calc(2 * var(--interior-px, 1px))}#main-nav>a:after{content:"";position:absolute;bottom:calc(3 * var(--interior-px, 1px));height:calc(2 * var(--interior-px, 1px));width:0;background:var(--pink);box-shadow:0 0 calc(10 * var(--interior-px, 1px)) #f1b0cc66;transition:width .2s}#main-nav>a:hover,#main-nav>a.active{color:var(--pink)}#main-nav>a.active:after{width:calc(28 * var(--interior-px, 1px))}#main-nav>a.nav-register{background:linear-gradient(135deg,#f3c0d4,#db8eb4);color:#10263f;padding:calc(10 * var(--interior-px, 1px)) calc(20 * var(--interior-px, 1px));border-radius:calc(5 * var(--interior-px, 1px));box-shadow:inset 0 0 0 1px #ffe2ee88}#main-nav>a.nav-register>span{color:#573c58}#main-nav>a.nav-register:after{bottom:calc(-12 * var(--interior-px, 1px))}.menu-toggle{display:none}.skip-link{position:fixed;left:calc(20 * var(--interior-px, 1px));top:calc(-100 * var(--interior-px, 1px));z-index:100;padding:calc(10 * var(--interior-px, 1px)) calc(20 * var(--interior-px, 1px));background:var(--pink);color:#10263f}.skip-link:focus{top:calc(10 * var(--interior-px, 1px))}#main{min-height:60vh}#snow{position:fixed;inset:0;pointer-events:none;z-index:35;width:100%;height:100%;opacity:.65}
.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(15 * var(--interior-px, 1px));border-radius:calc(5 * var(--interior-px, 1px));padding:calc(12 * var(--interior-px, 1px)) calc(24 * var(--interior-px, 1px));min-height:calc(46 * var(--interior-px, 1px));letter-spacing:calc(1.2 * var(--interior-px, 1px));font-weight:600;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s;border:1px solid var(--line);font-size:calc(14 * var(--interior-px, 1px))}.button:hover{transform:translateY(calc(-2 * var(--interior-px, 1px)));border-color:var(--ice);box-shadow:0 calc(4 * var(--interior-px, 1px)) calc(20 * var(--interior-px, 1px)) #aee3ff11}.button-primary{background:linear-gradient(115deg,#f8c8dc,#e6a0c1);border-color:#f9d5e5aa;color:#15263f;box-shadow:0 calc(4 * var(--interior-px, 1px)) calc(25 * var(--interior-px, 1px)) #e2a0be19}.button-primary:hover{background:linear-gradient(115deg,#ffdeeb,#f2b7d2)}.button-ghost{background:rgba(22,48,75,.55);color:var(--ice)}.button-ice{background:linear-gradient(130deg,#b5eaff,#81b9e4);color:#10263f;border-color:#d2f1ff}.text-link{color:var(--ice);display:inline-flex;gap:calc(12 * var(--interior-px, 1px));align-items:center;letter-spacing:1px;font-size:calc(13 * var(--interior-px, 1px))}.text-link:hover{color:var(--pink)}.eyebrow{font-family:var(--font);font-size:calc(11 * var(--interior-px, 1px));letter-spacing:calc(3 * var(--interior-px, 1px));color:var(--ice);font-weight:500}.muted{color:var(--muted)}.panel{background:linear-gradient(130deg,rgba(20,49,80,.82),rgba(7,25,45,.94));border:1px solid rgba(169,215,246,.4);border-radius:calc(12 * var(--interior-px, 1px));box-shadow:inset 0 1px calc(12 * var(--interior-px, 1px)) #a7daff06,0 calc(15 * var(--interior-px, 1px)) calc(40 * var(--interior-px, 1px)) #0002;backdrop-filter:blur(calc(8 * var(--interior-px, 1px)))}.panel-title{position:relative;padding-left:calc(20 * var(--interior-px, 1px))}.panel-title:before{content:"";position:absolute;left:0;top:calc(8 * var(--interior-px, 1px));bottom:calc(6 * var(--interior-px, 1px));width:calc(3 * var(--interior-px, 1px));border-radius:calc(3 * var(--interior-px, 1px));background:linear-gradient(#f4c7dc,#d684b0);box-shadow:0 0 calc(10 * var(--interior-px, 1px)) #f1b0cc44}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(20 * var(--interior-px, 1px));margin-bottom:calc(26 * var(--interior-px, 1px))}.section-heading .eyebrow{display:block;margin-bottom:calc(7 * var(--interior-px, 1px))}.section-description{font-size:calc(14 * var(--interior-px, 1px));color:var(--muted);margin-top:calc(9 * var(--interior-px, 1px))}.page-shell{padding-top:calc(33 * var(--interior-px, 1px));padding-bottom:calc(45 * var(--interior-px, 1px))}.breadcrumb{display:flex;align-items:center;gap:calc(13 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px));color:var(--muted);margin-bottom:calc(24 * var(--interior-px, 1px));letter-spacing:1px}.breadcrumb a:hover{color:var(--pink)}.breadcrumb .current{color:var(--silver)}.page-heading{margin-bottom:calc(32 * var(--interior-px, 1px))}.page-heading .eyebrow{display:block;margin-bottom:calc(9 * var(--interior-px, 1px))}.page-heading h1,.page-title{font-size:calc(42 * var(--interior-px, 1px));letter-spacing:calc(6 * var(--interior-px, 1px));line-height:1.35;position:relative;padding-left:calc(24 * var(--interior-px, 1px))}.page-heading h1:before,.page-title:before{content:"";position:absolute;left:0;top:calc(7 * var(--interior-px, 1px));bottom:calc(6 * var(--interior-px, 1px));width:calc(4 * var(--interior-px, 1px));background:var(--pink);border-radius:calc(6 * var(--interior-px, 1px))}.page-subtitle{font-size:calc(14 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px));color:var(--muted);margin-top:calc(9 * var(--interior-px, 1px));padding-left:calc(25 * var(--interior-px, 1px))}.demo-tag{font-size:calc(10 * var(--interior-px, 1px));letter-spacing:1px;line-height:1.3;border:1px solid var(--line);border-radius:calc(20 * var(--interior-px, 1px));padding:calc(5 * var(--interior-px, 1px)) calc(9 * var(--interior-px, 1px));color:var(--muted);white-space:nowrap;font-family:var(--font);font-weight:400}.tag{font-size:calc(11 * var(--interior-px, 1px));letter-spacing:calc(0.8 * var(--interior-px, 1px));line-height:1.5;border-radius:calc(4 * var(--interior-px, 1px));display:inline-block;padding:calc(3 * var(--interior-px, 1px)) calc(10 * var(--interior-px, 1px));border:1px solid #9bd5fa44;color:var(--ice);background:#80c5ff0b;white-space:nowrap}.tag.pink{border-color:#f0b4cf66;color:var(--pink);background:#f0b4cf12}.empty-state{text-align:center;padding:calc(55 * var(--interior-px, 1px)) calc(20 * var(--interior-px, 1px));color:var(--muted)}.initial-loading{text-align:center;padding:calc(140 * var(--interior-px, 1px)) calc(20 * var(--interior-px, 1px));color:var(--ice)}
.home{padding-top:calc(25 * var(--interior-px, 1px))}.hero{position:relative;overflow:hidden;border-radius:calc(9 * var(--interior-px, 1px));border:1px solid #9dc7ee55;isolation:isolate;background:#071b31;box-shadow:0 calc(12 * var(--interior-px, 1px)) calc(60 * var(--interior-px, 1px)) #0005}.hero-slides{position:relative;aspect-ratio:1895/830}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s}.hero-slide.active{opacity:1;visibility:visible}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(2,13,29,.45) 55%,rgba(2,13,29,.96));pointer-events:none}.hero-caption{position:absolute;left:calc(45 * var(--interior-px, 1px));right:calc(45 * var(--interior-px, 1px));bottom:calc(34 * var(--interior-px, 1px));display:flex;justify-content:space-between;align-items:flex-end;gap:calc(25 * var(--interior-px, 1px));z-index:2}.hero-caption .eyebrow{color:#e2efff;font-size:calc(10 * var(--interior-px, 1px));letter-spacing:calc(4 * var(--interior-px, 1px));margin-bottom:calc(7 * var(--interior-px, 1px));display:block}.hero-caption h1{font-size:calc(34 * var(--interior-px, 1px));letter-spacing:calc(5 * var(--interior-px, 1px));text-shadow:0 calc(3 * var(--interior-px, 1px)) calc(10 * var(--interior-px, 1px)) #000c;line-height:1.4}.hero-caption p{color:#d1dfed;font-size:calc(13 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px));margin-top:calc(8 * var(--interior-px, 1px))}.hero-cta{display:flex;gap:calc(13 * var(--interior-px, 1px));flex-shrink:0}.hero-arrow{position:absolute;top:46%;z-index:5;border:1px solid #d9edff44;width:calc(39 * var(--interior-px, 1px));height:calc(54 * var(--interior-px, 1px));display:grid;place-items:center;background:#071a3066;color:#fff;font-size:calc(24 * var(--interior-px, 1px));backdrop-filter:blur(calc(6 * var(--interior-px, 1px)));transition:background .2s}.hero-arrow:hover{background:#ecb6cfbb;color:#0a223b}.hero-prev{left:calc(16 * var(--interior-px, 1px));border-radius:calc(5 * var(--interior-px, 1px))}.hero-next{right:calc(16 * var(--interior-px, 1px));border-radius:calc(5 * var(--interior-px, 1px))}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding:calc(14 * var(--interior-px, 1px)) calc(22 * var(--interior-px, 1px));background:rgba(5,19,34,.94);border-top:1px solid #addbff26;font-size:calc(11 * var(--interior-px, 1px));letter-spacing:calc(1.5 * var(--interior-px, 1px));color:var(--muted)}.hero-current{color:var(--ice);margin-right:calc(10 * var(--interior-px, 1px))}.hero-dots{display:flex;align-items:center;gap:calc(10 * var(--interior-px, 1px))}.hero-dot{width:calc(25 * var(--interior-px, 1px));height:calc(18 * var(--interior-px, 1px));padding:calc(5 * var(--interior-px, 1px)) 0;position:relative}.hero-dot:before{content:"";display:block;width:calc(22 * var(--interior-px, 1px));height:calc(2 * var(--interior-px, 1px));border-radius:calc(3 * var(--interior-px, 1px));background:#a6c7e14d;transition:background .3s}.hero-dot.active:before{background:var(--pink);box-shadow:0 0 calc(10 * var(--interior-px, 1px)) #f1b0cc88}.hero-pause{font-size:calc(12 * var(--interior-px, 1px));color:var(--silver);margin-left:calc(5 * var(--interior-px, 1px))}.quick-links{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;margin:calc(24 * var(--interior-px, 1px)) 0 calc(50 * var(--interior-px, 1px));border:1px solid var(--line);border-radius:calc(8 * var(--interior-px, 1px));overflow:hidden;background:rgba(8,28,48,.85)}.quick-link{padding:calc(23 * var(--interior-px, 1px)) calc(27 * var(--interior-px, 1px));display:flex;align-items:center;gap:calc(21 * var(--interior-px, 1px));border-right:1px solid var(--line);text-align:left;transition:background .2s}.quick-link:last-child{border:0}.quick-link:hover{background:#8ecfff12}.quick-icon{width:calc(39 * var(--interior-px, 1px));color:var(--ice);flex-shrink:0}.quick-link h2{font-family:var(--font);font-size:calc(16 * var(--interior-px, 1px));letter-spacing:calc(1.5 * var(--interior-px, 1px));font-weight:600}.quick-link p{font-size:calc(11 * var(--interior-px, 1px));color:var(--muted);letter-spacing:calc(1.3 * var(--interior-px, 1px));margin-top:calc(2 * var(--interior-px, 1px))}.quick-link .arrow{margin-left:auto;color:var(--muted)}.quick-link.featured{background:linear-gradient(110deg,#8bd3ff1f,transparent)}.quick-link.featured .quick-icon{color:var(--pink)}.home-updates{display:grid;grid-template-columns:1fr 1.35fr;gap:calc(32 * var(--interior-px, 1px));margin-bottom:calc(60 * var(--interior-px, 1px))}.video-card{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:calc(8 * var(--interior-px, 1px));border:1px solid var(--line);background:#0b243e url('/assets/hero-moon.png') center/cover}.video-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#051427ee,transparent 90%)}.video-play{position:absolute;inset:0;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(15 * var(--interior-px, 1px));z-index:1}.play-circle{border:1px solid #d6eaff88;background:#0b1e3677;backdrop-filter:blur(calc(6 * var(--interior-px, 1px)));width:calc(62 * var(--interior-px, 1px));height:calc(62 * var(--interior-px, 1px));border-radius:50%;display:grid;place-items:center;font-size:calc(20 * var(--interior-px, 1px));padding-left:calc(4 * var(--interior-px, 1px));color:white;transition:transform .2s,background .2s}.video-play:hover .play-circle{transform:scale(1.1);background:#d998b077}.video-play>span:last-child{font-size:calc(13 * var(--interior-px, 1px));letter-spacing:calc(3 * var(--interior-px, 1px))}.video-caption{position:absolute;bottom:calc(20 * var(--interior-px, 1px));left:calc(25 * var(--interior-px, 1px));color:var(--muted);letter-spacing:calc(2 * var(--interior-px, 1px));font-size:calc(10 * var(--interior-px, 1px));pointer-events:none}.home-news{padding:0 0 0 calc(4 * var(--interior-px, 1px));min-width:0}.home-tabs{display:flex;gap:calc(26 * var(--interior-px, 1px));border-bottom:1px solid var(--line);margin-top:calc(-5 * var(--interior-px, 1px))}.home-tabs button{font-size:calc(12 * var(--interior-px, 1px));letter-spacing:1px;padding:calc(11 * var(--interior-px, 1px)) 0;position:relative;color:var(--muted)}.home-tabs button.active{color:var(--pink)}.home-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:calc(2 * var(--interior-px, 1px));background:var(--pink)}.home-news-row{display:flex;align-items:center;gap:calc(16 * var(--interior-px, 1px));padding:calc(15 * var(--interior-px, 1px)) 0;border-bottom:1px solid #b1d7f016;font-size:calc(13 * var(--interior-px, 1px))}.home-news-row:hover .news-item-title{color:var(--pink)}.news-item-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;transition:color .2s}.home-news-row time{font-size:calc(11 * var(--interior-px, 1px));color:var(--muted);font-variant-numeric:tabular-nums}.home-classes{margin-bottom:calc(60 * var(--interior-px, 1px))}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(20 * var(--interior-px, 1px))}.class-card{position:relative;height:calc(365 * var(--interior-px, 1px));overflow:hidden;border-radius:calc(7 * var(--interior-px, 1px));border:1px solid var(--line);background:#12304e;transition:transform .3s,border-color .3s}.class-card:hover{transform:translateY(calc(-7 * var(--interior-px, 1px)));border-color:var(--pink)}.portrait-art{position:absolute;inset:0;background-image:url('/assets/hero-moon.png');background-size:auto 135%;background-repeat:no-repeat;background-position:var(--pos,12%) 8%;transition:transform .6s}.class-card:hover .portrait-art{transform:scale(1.045)}.class-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061526 1%,#061526bb 20%,transparent 70%)}.class-card-text{position:absolute;z-index:1;bottom:calc(22 * var(--interior-px, 1px));left:calc(25 * var(--interior-px, 1px));right:calc(25 * var(--interior-px, 1px));display:flex;align-items:flex-end;justify-content:space-between}.class-card-text .eyebrow{font-size:calc(9 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px));color:#b9cce1}.class-card-text h3{font-size:calc(28 * var(--interior-px, 1px));letter-spacing:calc(5 * var(--interior-px, 1px));margin:calc(4 * var(--interior-px, 1px)) 0}.class-card-text p{font-size:calc(11 * var(--interior-px, 1px));letter-spacing:1px;color:var(--muted)}.class-card-text>span{font-size:calc(21 * var(--interior-px, 1px));color:var(--pink)}.home-invitation{position:relative;overflow:hidden;padding:calc(40 * var(--interior-px, 1px)) calc(50 * var(--interior-px, 1px));display:flex;align-items:center;justify-content:space-between;gap:calc(30 * var(--interior-px, 1px));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(100deg,#14345299,#12253e55);margin-bottom:calc(10 * var(--interior-px, 1px))}.home-invitation h2{font-size:calc(26 * var(--interior-px, 1px));letter-spacing:calc(3 * var(--interior-px, 1px));margin-top:calc(7 * var(--interior-px, 1px))}.home-invitation p{font-size:calc(13 * var(--interior-px, 1px));color:var(--muted);margin-top:calc(9 * var(--interior-px, 1px));letter-spacing:1px}
.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:calc(24 * var(--interior-px, 1px));flex-wrap:wrap;margin-bottom:calc(25 * var(--interior-px, 1px))}.tabs{display:flex;gap:calc(10 * var(--interior-px, 1px));flex-wrap:wrap}.tab{border:1px solid #a2d4f24d;background:#173a5c55;border-radius:calc(5 * var(--interior-px, 1px));color:var(--silver);padding:calc(8 * var(--interior-px, 1px)) calc(22 * var(--interior-px, 1px));font-size:calc(14 * var(--interior-px, 1px));letter-spacing:1px}.tab:hover{border-color:var(--pink)}.tab.active{color:#122840;background:linear-gradient(120deg,#f6c3d9,#e6a1c3);border-color:#f6c3d9}.search-field{position:relative;display:flex;align-items:center;gap:calc(9 * var(--interior-px, 1px))}.search-field svg{position:absolute;left:calc(13 * var(--interior-px, 1px));width:calc(18 * var(--interior-px, 1px));color:var(--muted);pointer-events:none}.search-field input{width:calc(270 * var(--interior-px, 1px));padding-left:calc(41 * var(--interior-px, 1px))}.field,input:not([type=checkbox]),select,textarea{border:1px solid #9dc8e45c;border-radius:calc(5 * var(--interior-px, 1px));background:#081c31a3;color:var(--text);padding:calc(11 * var(--interior-px, 1px)) calc(14 * var(--interior-px, 1px));min-height:calc(45 * var(--interior-px, 1px));width:100%}input::placeholder{color:#a1b8cb77}.search-field input{padding-left:calc(40 * var(--interior-px, 1px))}.search-field input::-webkit-search-cancel-button{cursor:pointer}.table-panel{padding:calc(30 * var(--interior-px, 1px))}.data-table{border-collapse:collapse;width:100%;font-size:calc(14 * var(--interior-px, 1px));text-align:left}.data-table th{background:linear-gradient(180deg,#39709a88,#214f7588);color:#dbeefa;font-weight:500;letter-spacing:calc(2 * var(--interior-px, 1px));padding:calc(14 * var(--interior-px, 1px)) calc(20 * var(--interior-px, 1px));border-bottom:1px solid var(--line);white-space:nowrap}.data-table th:first-child{border-radius:calc(5 * var(--interior-px, 1px)) 0 0 0}.data-table th:last-child{border-radius:0 calc(5 * var(--interior-px, 1px)) 0 0}.data-table td{padding:calc(18 * var(--interior-px, 1px)) calc(20 * var(--interior-px, 1px));border-bottom:1px solid #a3d0ee26;color:var(--silver)}.data-table tr:nth-child(even){background:#b5daff04}.data-table tbody tr:hover{background:#a8daff0a}.data-table .news-title-link{font-weight:500;letter-spacing:1px;display:block;transition:color .2s}.data-table .news-title-link:hover{color:var(--pink)}.table-scroll{overflow-x:auto}.news-table th:first-child,.news-table td:first-child{width:calc(130 * var(--interior-px, 1px))}.news-table th:nth-last-child(2),.news-table td:nth-last-child(2){width:calc(160 * var(--interior-px, 1px))}.news-table th:last-child,.news-table td:last-child{width:calc(45 * var(--interior-px, 1px))}.news-table time{font-size:calc(12 * var(--interior-px, 1px));color:var(--muted)}.news-count{font-size:calc(11 * var(--interior-px, 1px));color:var(--muted);margin-bottom:calc(14 * var(--interior-px, 1px));display:flex;justify-content:space-between;gap:calc(20 * var(--interior-px, 1px))}.pagination{display:flex;justify-content:center;align-items:center;gap:calc(9 * var(--interior-px, 1px));margin-top:calc(26 * var(--interior-px, 1px))}.pagination button{border:1px solid var(--line);border-radius:calc(4 * var(--interior-px, 1px));min-width:calc(34 * var(--interior-px, 1px));height:calc(34 * var(--interior-px, 1px));padding:0 calc(10 * var(--interior-px, 1px));color:var(--muted);font-size:calc(12 * var(--interior-px, 1px))}.pagination button:hover:not(:disabled){border-color:var(--pink);color:var(--pink)}.pagination button.active{color:#12283e;background:var(--pink);border-color:var(--pink)}.article-panel{max-width:calc(1000 * var(--interior-px, 1px));margin:auto;padding:calc(50 * var(--interior-px, 1px)) calc(65 * var(--interior-px, 1px))}.article-meta{display:flex;gap:calc(15 * var(--interior-px, 1px));align-items:center;color:var(--muted);font-size:calc(12 * var(--interior-px, 1px));margin-bottom:calc(20 * var(--interior-px, 1px))}.article-panel h1{font-size:calc(32 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px));line-height:1.6;margin-bottom:calc(30 * var(--interior-px, 1px))}.article-body{border-top:1px solid var(--line);padding-top:calc(30 * var(--interior-px, 1px));line-height:2.1;color:#c7d7e7}.article-actions{border-top:1px solid var(--line);padding-top:calc(25 * var(--interior-px, 1px));margin-top:calc(40 * var(--interior-px, 1px));display:flex;justify-content:space-between;gap:calc(15 * var(--interior-px, 1px))}.ranking-main-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(12 * var(--interior-px, 1px));max-width:calc(780 * var(--interior-px, 1px));margin-bottom:calc(25 * var(--interior-px, 1px))}.ranking-filters{display:flex;align-items:center;gap:calc(15 * var(--interior-px, 1px));flex-wrap:wrap;margin-bottom:calc(24 * var(--interior-px, 1px))}.ranking-filters .tabs{margin-right:auto}.ranking-filters .tab{padding:calc(6 * var(--interior-px, 1px)) calc(16 * var(--interior-px, 1px));border-radius:calc(30 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px))}.ranking-filters select{width:calc(175 * var(--interior-px, 1px))}.ranking-filters .search-field input{width:calc(230 * var(--interior-px, 1px))}.rank-badge{width:calc(33 * var(--interior-px, 1px));height:calc(33 * var(--interior-px, 1px));display:inline-grid;place-items:center;border:1px solid #a2cbe34d;border-radius:50%;color:var(--muted);font-family:Georgia,serif}.rank-badge.rank-1{color:#f5d28f;border-color:#d5b67588;background:#d2b35f15;box-shadow:0 0 calc(16 * var(--interior-px, 1px)) #d5b67515}.rank-badge.rank-2{color:#d7e4ed;border-color:#cbdce988;background:#cbdce911}.rank-badge.rank-3{color:#dcb49c;border-color:#d1a58a88;background:#d1a58a11}.academy-mark{display:inline-flex;align-items:center;gap:calc(10 * var(--interior-px, 1px));white-space:nowrap;font-size:calc(12 * var(--interior-px, 1px));letter-spacing:1px}.academy-symbol{font-size:calc(17 * var(--interior-px, 1px));color:#d6b16f}.academy-symbol.mp{color:#81c5fb}.academy-symbol.sg{color:#cfa965}.rank-value{color:var(--ice)!important;font-weight:600;font-variant-numeric:tabular-nums}.rank-character{font-family:var(--serif);font-size:calc(17 * var(--interior-px, 1px));color:#e6eff7!important}.ranking-caption{color:var(--muted);font-size:calc(11 * var(--interior-px, 1px));margin-top:calc(18 * var(--interior-px, 1px));text-align:right}
.classes-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(16 * var(--interior-px, 1px));margin-bottom:calc(22 * var(--interior-px, 1px))}.class-detail{display:grid;grid-template-columns:.95fr 1.05fr;min-height:calc(530 * var(--interior-px, 1px));overflow:hidden;position:relative}.class-detail-art{position:relative;min-height:calc(530 * var(--interior-px, 1px));overflow:hidden}.class-detail-art .portrait-art{background-size:auto 130%;background-position:var(--pos) 5%}.class-detail-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#0c233c),linear-gradient(0deg,#0c233c,transparent 35%)}.class-art-label{position:absolute;bottom:calc(35 * var(--interior-px, 1px));left:calc(35 * var(--interior-px, 1px));z-index:1;font-size:calc(10 * var(--interior-px, 1px));color:#c4d9ed;letter-spacing:calc(3 * var(--interior-px, 1px))}.class-detail-copy{padding:calc(45 * var(--interior-px, 1px)) calc(45 * var(--interior-px, 1px)) calc(40 * var(--interior-px, 1px)) calc(20 * var(--interior-px, 1px));align-self:center}.class-detail-copy h2{font-size:calc(49 * var(--interior-px, 1px));letter-spacing:calc(7 * var(--interior-px, 1px));margin:calc(8 * var(--interior-px, 1px)) 0 calc(15 * var(--interior-px, 1px))}.class-detail-copy .class-catch{font-family:var(--serif);font-size:calc(20 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px));color:#e0ecf7}.class-tags{display:flex;gap:calc(9 * var(--interior-px, 1px));flex-wrap:wrap;margin:calc(20 * var(--interior-px, 1px)) 0}.class-description{color:var(--muted);font-size:calc(14 * var(--interior-px, 1px));line-height:1.9;margin-bottom:calc(25 * var(--interior-px, 1px))}.class-specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:calc(17 * var(--interior-px, 1px)) 0;gap:calc(14 * var(--interior-px, 1px)) calc(24 * var(--interior-px, 1px));margin-bottom:calc(25 * var(--interior-px, 1px))}.class-specs dt{font-size:calc(10 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px));color:var(--muted)}.class-specs dd{margin:calc(3 * var(--interior-px, 1px)) 0 0;font-size:calc(13 * var(--interior-px, 1px));color:var(--silver)}.class-bottom{display:flex;align-items:center;justify-content:space-between;gap:calc(25 * var(--interior-px, 1px))}.class-marks{display:flex;gap:calc(7 * var(--interior-px, 1px))}.class-mark{display:grid;place-items:center;width:calc(32 * var(--interior-px, 1px));height:calc(32 * var(--interior-px, 1px));border:1px solid var(--line);border-radius:50%;color:var(--muted);font-family:var(--serif);font-size:calc(13 * var(--interior-px, 1px))}.class-mark.active{color:var(--pink);border-color:var(--pink)}
.register-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:calc(25 * var(--interior-px, 1px))}.register-form{padding:calc(33 * var(--interior-px, 1px)) calc(38 * var(--interior-px, 1px))}.register-form .panel-title{margin-bottom:calc(25 * var(--interior-px, 1px))}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(20 * var(--interior-px, 1px)) calc(24 * var(--interior-px, 1px))}.form-field>label{display:block;font-size:calc(13 * var(--interior-px, 1px));letter-spacing:1px;margin-bottom:calc(8 * var(--interior-px, 1px));color:#d9e6f2}.form-field .field-hint{font-size:calc(10 * var(--interior-px, 1px));color:var(--muted);margin-top:calc(5 * var(--interior-px, 1px))}.password-field{position:relative}.password-field input{padding-right:calc(45 * var(--interior-px, 1px))}.password-toggle{position:absolute;right:calc(8 * var(--interior-px, 1px));top:calc(6 * var(--interior-px, 1px));width:calc(35 * var(--interior-px, 1px));height:calc(33 * var(--interior-px, 1px));color:var(--muted);font-size:calc(16 * var(--interior-px, 1px))}.captcha-group{grid-column:1/-1}.captcha-row{display:grid;grid-template-columns:1fr calc(145 * var(--interior-px, 1px)) calc(35 * var(--interior-px, 1px));gap:calc(12 * var(--interior-px, 1px));align-items:center}.captcha-image{height:calc(45 * var(--interior-px, 1px));background:#d9e7f4;border-radius:calc(4 * var(--interior-px, 1px));overflow:hidden}.captcha-image svg{width:100%;height:calc(45 * var(--interior-px, 1px))}.captcha-refresh{font-size:calc(25 * var(--interior-px, 1px));color:var(--ice)}.form-agreement{display:flex;align-items:flex-start;justify-content:center;gap:calc(10 * var(--interior-px, 1px));margin:calc(23 * var(--interior-px, 1px)) 0;font-size:calc(12 * var(--interior-px, 1px));color:var(--silver)}.form-agreement input{accent-color:var(--pink);width:calc(16 * var(--interior-px, 1px));height:calc(16 * var(--interior-px, 1px));flex-shrink:0;margin-top:calc(3 * var(--interior-px, 1px))}.form-agreement button{color:var(--ice);font-size:calc(12 * var(--interior-px, 1px));padding:0;text-decoration:underline;text-underline-offset:calc(3 * var(--interior-px, 1px))}.form-error{padding:calc(10 * var(--interior-px, 1px)) calc(13 * var(--interior-px, 1px));border:1px solid #f4a7bc66;background:#ca6b8815;color:#ffc6d8;border-radius:calc(5 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px));margin-bottom:calc(17 * var(--interior-px, 1px))}.form-error:empty{display:none}.register-submit{width:100%;font-size:calc(18 * var(--interior-px, 1px));letter-spacing:calc(4 * var(--interior-px, 1px))}.form-note{margin-top:calc(13 * var(--interior-px, 1px));font-size:calc(10 * var(--interior-px, 1px));line-height:1.7;text-align:center;color:var(--muted)}.onboarding{overflow:hidden;padding-bottom:calc(26 * var(--interior-px, 1px))}.onboarding-art{height:calc(210 * var(--interior-px, 1px));background:linear-gradient(0deg,#0d2843,transparent 90%),url('/assets/background.jpg') left center/cover}.onboarding-content{padding:0 calc(29 * var(--interior-px, 1px))}.onboarding-content h2{font-size:calc(25 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px));margin:0 0 calc(22 * var(--interior-px, 1px))}.onboarding-step{display:flex;align-items:center;gap:calc(17 * var(--interior-px, 1px));padding:calc(13 * var(--interior-px, 1px)) 0;border-bottom:1px solid var(--line)}.step-index{font-family:Georgia,serif;font-size:calc(22 * var(--interior-px, 1px));color:var(--ice);width:calc(42 * var(--interior-px, 1px));flex-shrink:0}.onboarding-step h3{font-family:var(--font);font-size:calc(14 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px));margin-bottom:calc(2 * var(--interior-px, 1px))}.onboarding-step p{color:var(--muted);font-size:calc(11 * var(--interior-px, 1px))}.onboarding-links{display:flex;justify-content:space-between;gap:calc(20 * var(--interior-px, 1px));padding-top:calc(24 * var(--interior-px, 1px))}.success-panel{padding:calc(65 * var(--interior-px, 1px)) calc(30 * var(--interior-px, 1px));text-align:center;max-width:calc(780 * var(--interior-px, 1px));margin:auto}.success-mark{display:inline-grid;place-items:center;width:calc(65 * var(--interior-px, 1px));height:calc(65 * var(--interior-px, 1px));border:1px solid #aee5ff77;color:var(--ice);border-radius:50%;font-size:calc(30 * var(--interior-px, 1px));margin-bottom:calc(20 * var(--interior-px, 1px))}.success-panel h2{font-size:calc(30 * var(--interior-px, 1px));letter-spacing:calc(3 * var(--interior-px, 1px))}.success-panel p{color:var(--muted);font-size:calc(14 * var(--interior-px, 1px));margin:calc(20 * var(--interior-px, 1px)) auto calc(25 * var(--interior-px, 1px));max-width:calc(510 * var(--interior-px, 1px))}.success-panel .button{margin:calc(8 * var(--interior-px, 1px))}
.download-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:calc(25 * var(--interior-px, 1px))}.download-card{padding:calc(30 * var(--interior-px, 1px)) calc(33 * var(--interior-px, 1px))}.download-card-header{display:flex;gap:calc(18 * var(--interior-px, 1px));align-items:center;flex-wrap:wrap;margin-bottom:calc(25 * var(--interior-px, 1px))}.download-card h2{font-size:calc(27 * var(--interior-px, 1px))}.download-body{display:flex;gap:calc(25 * var(--interior-px, 1px));align-items:center;margin-bottom:calc(28 * var(--interior-px, 1px))}.download-illustration{height:calc(110 * var(--interior-px, 1px));width:calc(105 * var(--interior-px, 1px));flex-shrink:0;display:grid;place-items:center;color:var(--ice);background:radial-gradient(ellipse,#7ebaff18,transparent 65%)}.download-illustration svg{width:calc(78 * var(--interior-px, 1px));height:calc(78 * var(--interior-px, 1px));filter:drop-shadow(0 0 calc(7 * var(--interior-px, 1px)) #b1dfff33)}.download-description{border-left:1px solid var(--line);padding-left:calc(25 * var(--interior-px, 1px));color:var(--muted);font-size:calc(13 * var(--interior-px, 1px))}.download-description p:first-child{color:var(--silver);font-size:calc(15 * var(--interior-px, 1px));margin-bottom:calc(14 * var(--interior-px, 1px))}.download-description p+p{margin-top:calc(4 * var(--interior-px, 1px))}.download-actions{display:flex;gap:calc(12 * var(--interior-px, 1px));flex-wrap:wrap}.download-actions .button{padding:calc(11 * var(--interior-px, 1px)) calc(17 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px));flex:1;white-space:nowrap}.download-actions .button-primary{font-size:calc(14 * var(--interior-px, 1px));flex:1.5}.download-note{font-size:calc(11 * var(--interior-px, 1px));color:var(--muted);margin-top:calc(16 * var(--interior-px, 1px))}.installation{padding:calc(27 * var(--interior-px, 1px)) calc(33 * var(--interior-px, 1px));display:flex;align-items:center;gap:calc(40 * var(--interior-px, 1px));margin-top:calc(25 * var(--interior-px, 1px))}.installation h2{font-size:calc(25 * var(--interior-px, 1px));white-space:nowrap}.install-steps{display:flex;align-items:center;justify-content:space-between;gap:calc(20 * var(--interior-px, 1px));flex:1}.install-step{display:flex;align-items:center;gap:calc(15 * var(--interior-px, 1px))}.install-step span:first-child{color:var(--ice);border:1px solid var(--line);border-radius:calc(30 * var(--interior-px, 1px));min-width:calc(41 * var(--interior-px, 1px));text-align:center;line-height:calc(29 * var(--interior-px, 1px));font-family:Georgia,serif;font-size:calc(17 * var(--interior-px, 1px))}.install-step span:last-child{font-size:calc(14 * var(--interior-px, 1px));letter-spacing:1px}.install-arrow{color:var(--muted)}.faq{padding:calc(29 * var(--interior-px, 1px)) calc(33 * var(--interior-px, 1px));margin-top:calc(25 * var(--interior-px, 1px))}.faq h2{font-size:calc(25 * var(--interior-px, 1px));margin-bottom:calc(24 * var(--interior-px, 1px))}.faq-items{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(18 * var(--interior-px, 1px));align-items:start}.faq details{border:1px solid var(--line);border-radius:calc(6 * var(--interior-px, 1px));background:#0a233c88}.faq summary{font-size:calc(13 * var(--interior-px, 1px));letter-spacing:calc(0.5 * var(--interior-px, 1px));padding:calc(17 * var(--interior-px, 1px)) calc(20 * var(--interior-px, 1px));cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:calc(20 * var(--interior-px, 1px));align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";color:var(--ice);font-size:calc(18 * var(--interior-px, 1px))}.faq details[open] summary:after{content:"－"}.faq details[open] summary{color:var(--pink)}.faq details p{font-size:calc(12 * var(--interior-px, 1px));line-height:1.9;color:var(--muted);padding:0 calc(20 * var(--interior-px, 1px)) calc(20 * var(--interior-px, 1px))}.system-requirements{margin-top:calc(18 * var(--interior-px, 1px));color:var(--muted);font-size:calc(11 * var(--interior-px, 1px));text-align:right}
.site-footer{padding-top:calc(55 * var(--interior-px, 1px));padding-bottom:calc(30 * var(--interior-px, 1px));text-align:center}.footer-mark{display:flex;align-items:center;justify-content:center;gap:calc(30 * var(--interior-px, 1px));margin:0 0 calc(20 * var(--interior-px, 1px))}.footer-mark img{width:calc(155 * var(--interior-px, 1px));height:auto;opacity:.84}.footer-mark>span{height:1px;background:linear-gradient(90deg,transparent,var(--line));max-width:calc(350 * var(--interior-px, 1px));flex:1}.footer-mark>span:last-child{transform:rotate(180deg)}.footer-links{display:flex;align-items:center;justify-content:center;gap:calc(25 * var(--interior-px, 1px));flex-wrap:wrap;margin-bottom:calc(15 * var(--interior-px, 1px))}.footer-links a,.footer-links button{font-size:calc(11 * var(--interior-px, 1px));color:var(--muted);padding:0;letter-spacing:1px}.footer-links a:hover,.footer-links button:hover{color:var(--pink)}.site-footer p{color:#7f9bb4;font-size:calc(10 * var(--interior-px, 1px));letter-spacing:calc(1.5 * var(--interior-px, 1px))}.site-footer p.footer-note{font-family:var(--serif);font-size:calc(11 * var(--interior-px, 1px));margin-top:calc(5 * var(--interior-px, 1px));color:#9bb3c477;letter-spacing:calc(3 * var(--interior-px, 1px))}.toast{position:fixed;bottom:calc(28 * var(--interior-px, 1px));left:50%;transform:translate(-50%,calc(20 * var(--interior-px, 1px)));z-index:200;max-width:min(calc(600 * var(--interior-px, 1px)),calc(100% - calc(36 * var(--interior-px, 1px))));background:#102b44f7;border:1px solid #a7d8f77f;box-shadow:0 calc(8 * var(--interior-px, 1px)) calc(35 * var(--interior-px, 1px)) #0008;border-radius:calc(7 * var(--interior-px, 1px));color:#e5f4ff;font-size:calc(13 * var(--interior-px, 1px));padding:calc(13 * var(--interior-px, 1px)) calc(23 * var(--interior-px, 1px));opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{max-width:min(calc(800 * var(--interior-px, 1px)),calc(100% - calc(35 * var(--interior-px, 1px))));max-height:85vh;border:1px solid #a9d7f37f;border-radius:calc(10 * var(--interior-px, 1px));background:#0b2138;color:var(--text);padding:calc(40 * var(--interior-px, 1px));box-shadow:0 calc(20 * var(--interior-px, 1px)) calc(120 * var(--interior-px, 1px)) #000a}dialog::backdrop{background:#020b16bb;backdrop-filter:blur(calc(7 * var(--interior-px, 1px)))}.dialog-close{position:absolute;right:calc(10 * var(--interior-px, 1px));top:calc(4 * var(--interior-px, 1px));font-size:calc(27 * var(--interior-px, 1px));color:var(--muted);line-height:calc(40 * var(--interior-px, 1px));width:calc(40 * var(--interior-px, 1px))}.dialog-title{font-size:calc(27 * var(--interior-px, 1px));margin-bottom:calc(20 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px))}.legal-copy{color:var(--silver);font-size:calc(13 * var(--interior-px, 1px));line-height:1.9}.legal-copy h3{font-family:var(--font);font-size:calc(15 * var(--interior-px, 1px));color:var(--ice);margin:calc(22 * var(--interior-px, 1px)) 0 calc(7 * var(--interior-px, 1px))}.legal-copy p{color:var(--muted)}.modal-video{width:min(calc(680 * var(--interior-px, 1px)),75vw);aspect-ratio:16/9;border:0;display:block;margin-top:calc(20 * var(--interior-px, 1px))}.music-dock{position:fixed;right:calc(24 * var(--interior-px, 1px));bottom:calc(24 * var(--interior-px, 1px));z-index:60;width:calc(320 * var(--interior-px, 1px));background:#0b2138;border:1px solid var(--line);box-shadow:0 calc(15 * var(--interior-px, 1px)) calc(50 * var(--interior-px, 1px)) #0009;border-radius:calc(8 * var(--interior-px, 1px));overflow:hidden}.music-dock[hidden]{display:none}.music-dock-heading{display:flex;align-items:center;justify-content:space-between;padding:calc(9 * var(--interior-px, 1px)) calc(14 * var(--interior-px, 1px));font-size:calc(11 * var(--interior-px, 1px));letter-spacing:1px;color:var(--silver)}.music-dock-heading button{font-size:calc(20 * var(--interior-px, 1px));color:var(--muted)}#youtube-music{height:calc(200 * var(--interior-px, 1px));width:calc(320 * var(--interior-px, 1px))}.music-dock>a{display:block;padding:calc(8 * var(--interior-px, 1px)) calc(13 * var(--interior-px, 1px));font-size:calc(10 * var(--interior-px, 1px));color:var(--ice)}.music-dock.collapsed{right:calc(24 * var(--interior-px, 1px));bottom:calc(24 * var(--interior-px, 1px))}.music-dock.collapsed #youtube-music,.music-dock.collapsed>a{display:none}.music-dock.collapsed .music-dock-heading{display:none}.music-dock.collapsed{width:0;height:0;border:0;overflow:hidden;pointer-events:none}
@media(min-width:1750px){.header-inner{min-height:calc(135 * var(--interior-px, 1px))}.brand{width:calc(280 * var(--interior-px, 1px))}.hero-caption h1{font-size:calc(38 * var(--interior-px, 1px))}.hero-caption{bottom:calc(37 * var(--interior-px, 1px))}.hero-cta .button{padding:calc(14 * var(--interior-px, 1px)) calc(30 * var(--interior-px, 1px))}.class-card{height:calc(405 * var(--interior-px, 1px))}.home-news-row{padding:calc(18 * var(--interior-px, 1px)) 0}.home-tabs button{padding:calc(14 * var(--interior-px, 1px)) 0}}
@media(max-width:1250px){.container{width:calc(100% - calc(64 * var(--interior-px, 1px)))}.header-inner{gap:calc(25 * var(--interior-px, 1px));min-height:calc(105 * var(--interior-px, 1px))}.brand{width:calc(215 * var(--interior-px, 1px))}#main-nav{gap:calc(23 * var(--interior-px, 1px))}#main-nav>a{font-size:calc(13 * var(--interior-px, 1px));letter-spacing:1px}#main-nav>a.nav-register{padding:calc(10 * var(--interior-px, 1px)) calc(14 * var(--interior-px, 1px))}#main-nav>a>span{font-size:calc(8 * var(--interior-px, 1px));letter-spacing:1px}.hero-caption{left:calc(30 * var(--interior-px, 1px));right:calc(30 * var(--interior-px, 1px));bottom:calc(26 * var(--interior-px, 1px))}.hero-caption h1{font-size:calc(29 * var(--interior-px, 1px));letter-spacing:calc(3 * var(--interior-px, 1px))}.hero-caption p{font-size:calc(11 * var(--interior-px, 1px))}.hero-cta .button{padding:calc(11 * var(--interior-px, 1px)) calc(15 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px))}.quick-link{padding:calc(20 * var(--interior-px, 1px));gap:calc(14 * var(--interior-px, 1px))}.quick-link h2{font-size:calc(14 * var(--interior-px, 1px))}.quick-link p{font-size:calc(10 * var(--interior-px, 1px))}.quick-icon{width:calc(31 * var(--interior-px, 1px))}.home-updates{gap:calc(25 * var(--interior-px, 1px))}.home-news-row{padding:calc(12 * var(--interior-px, 1px)) 0;font-size:calc(12 * var(--interior-px, 1px));gap:calc(10 * var(--interior-px, 1px))}.home-news-row .tag{font-size:calc(10 * var(--interior-px, 1px));padding:calc(2 * var(--interior-px, 1px)) calc(7 * var(--interior-px, 1px))}.home-tabs{gap:calc(23 * var(--interior-px, 1px))}.class-card{height:calc(330 * var(--interior-px, 1px))}.class-card-text{left:calc(20 * var(--interior-px, 1px));right:calc(20 * var(--interior-px, 1px))}.class-card-text h3{font-size:calc(26 * var(--interior-px, 1px))}.home-invitation{padding:calc(35 * var(--interior-px, 1px))}.register-grid{grid-template-columns:1.15fr .85fr}.register-form{padding:calc(28 * var(--interior-px, 1px))}.onboarding-content{padding:0 calc(24 * var(--interior-px, 1px))}.onboarding-content h2{font-size:calc(21 * var(--interior-px, 1px))}.class-detail-copy{padding:calc(30 * var(--interior-px, 1px)) calc(30 * var(--interior-px, 1px)) calc(30 * var(--interior-px, 1px)) calc(15 * var(--interior-px, 1px))}.class-detail-copy h2{font-size:calc(42 * var(--interior-px, 1px))}.class-specs{gap:calc(14 * var(--interior-px, 1px))}.download-card{padding:calc(27 * var(--interior-px, 1px))}.download-card h2{font-size:calc(24 * var(--interior-px, 1px))}.download-illustration{width:calc(75 * var(--interior-px, 1px))}.download-body{gap:calc(20 * var(--interior-px, 1px))}.download-description{padding-left:calc(20 * var(--interior-px, 1px))}.installation{gap:calc(25 * var(--interior-px, 1px))}.install-steps{gap:calc(10 * var(--interior-px, 1px))}.install-step{gap:calc(10 * var(--interior-px, 1px))}.install-step span:last-child{font-size:calc(12 * var(--interior-px, 1px))}.installation h2{font-size:calc(22 * var(--interior-px, 1px))}.faq summary{padding:calc(15 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px))}.faq details p{padding:0 calc(15 * var(--interior-px, 1px)) calc(15 * var(--interior-px, 1px))}.ranking-filters{gap:calc(12 * var(--interior-px, 1px))}.ranking-filters .tab{padding:calc(6 * var(--interior-px, 1px)) calc(12 * var(--interior-px, 1px))}.ranking-filters .search-field input{width:calc(190 * var(--interior-px, 1px))}.ranking-filters select{width:calc(160 * var(--interior-px, 1px))}}
@media(max-width:1000px){.header-inner{min-height:calc(90 * var(--interior-px, 1px))}.brand{width:calc(190 * var(--interior-px, 1px))}.container{width:calc(100% - calc(44 * var(--interior-px, 1px)))}#main-nav{gap:calc(17 * var(--interior-px, 1px))}#main-nav>a{font-size:calc(12 * var(--interior-px, 1px))}#main-nav>a>span{font-size:calc(7 * var(--interior-px, 1px))}#main-nav>a.nav-register{padding:calc(9 * var(--interior-px, 1px)) calc(11 * var(--interior-px, 1px))}.hero-caption h1{font-size:calc(25 * var(--interior-px, 1px))}.hero-caption p{display:none}.hero-caption .eyebrow{font-size:calc(9 * var(--interior-px, 1px))}.hero-cta .button{padding:calc(9 * var(--interior-px, 1px)) calc(13 * var(--interior-px, 1px));min-height:calc(40 * var(--interior-px, 1px));font-size:calc(11 * var(--interior-px, 1px))}.hero-cta .button-ghost{display:none}.hero-arrow{width:calc(30 * var(--interior-px, 1px));height:calc(42 * var(--interior-px, 1px));font-size:calc(20 * var(--interior-px, 1px))}.quick-link{padding:calc(19 * var(--interior-px, 1px)) calc(16 * var(--interior-px, 1px));gap:calc(10 * var(--interior-px, 1px))}.quick-link h2{font-size:calc(12 * var(--interior-px, 1px))}.quick-link p{font-size:calc(9 * var(--interior-px, 1px));letter-spacing:0}.quick-link .arrow{display:none}.quick-icon{width:calc(26 * var(--interior-px, 1px))}.home-updates{grid-template-columns:1fr 1.1fr}.section-heading h2{font-size:calc(26 * var(--interior-px, 1px))}.section-heading{margin-bottom:calc(22 * var(--interior-px, 1px))}.home-tabs{gap:calc(20 * var(--interior-px, 1px))}.home-news-row{padding:calc(10 * var(--interior-px, 1px)) 0;gap:calc(8 * var(--interior-px, 1px));font-size:calc(11 * var(--interior-px, 1px))}.home-news-row time{font-size:calc(9 * var(--interior-px, 1px))}.class-grid{gap:calc(12 * var(--interior-px, 1px))}.class-card{height:calc(290 * var(--interior-px, 1px))}.class-card-text{left:calc(16 * var(--interior-px, 1px));right:calc(16 * var(--interior-px, 1px));bottom:calc(18 * var(--interior-px, 1px))}.class-card-text h3{font-size:calc(24 * var(--interior-px, 1px))}.class-card-text p{font-size:calc(10 * var(--interior-px, 1px))}.class-card-text>span{display:none}.class-card-text .eyebrow{font-size:calc(8 * var(--interior-px, 1px));letter-spacing:1px}.home-invitation h2{font-size:calc(22 * var(--interior-px, 1px))}.register-grid{grid-template-columns:1fr}.onboarding{display:grid;grid-template-columns:.7fr 1fr;padding:0}.onboarding-art{height:auto}.onboarding-content{padding:calc(25 * var(--interior-px, 1px))}.onboarding-content h2{font-size:calc(23 * var(--interior-px, 1px))}.form-grid{gap:calc(22 * var(--interior-px, 1px))}.register-form{padding:calc(33 * var(--interior-px, 1px))}.class-detail{grid-template-columns:1fr 1.1fr}.class-detail-art{min-height:calc(520 * var(--interior-px, 1px))}.class-detail-copy .class-catch{font-size:calc(17 * var(--interior-px, 1px))}.class-description{font-size:calc(12 * var(--interior-px, 1px))}.class-specs dd{font-size:calc(11 * var(--interior-px, 1px))}.class-bottom{gap:calc(15 * var(--interior-px, 1px))}.class-marks{gap:calc(5 * var(--interior-px, 1px))}.class-mark{width:calc(28 * var(--interior-px, 1px));height:calc(28 * var(--interior-px, 1px))}.class-bottom .button{font-size:calc(12 * var(--interior-px, 1px));padding:calc(10 * var(--interior-px, 1px)) calc(14 * var(--interior-px, 1px))}.download-grid{grid-template-columns:1fr 1fr}.download-card-header{gap:calc(10 * var(--interior-px, 1px))}.download-card h2{font-size:calc(22 * var(--interior-px, 1px))}.download-body{align-items:flex-start;gap:calc(15 * var(--interior-px, 1px))}.download-description{font-size:calc(11 * var(--interior-px, 1px));padding-left:calc(15 * var(--interior-px, 1px))}.download-description p:first-child{font-size:calc(13 * var(--interior-px, 1px))}.download-illustration{width:calc(60 * var(--interior-px, 1px))}.download-illustration svg{width:calc(56 * var(--interior-px, 1px))}.download-actions{gap:calc(8 * var(--interior-px, 1px))}.download-actions .button{padding:calc(10 * var(--interior-px, 1px));font-size:calc(10 * var(--interior-px, 1px))}.download-actions .button-primary{flex-basis:100%;font-size:calc(13 * var(--interior-px, 1px))}.installation{display:block}.installation h2{margin-bottom:calc(22 * var(--interior-px, 1px))}.install-step span:last-child{font-size:calc(14 * var(--interior-px, 1px))}.faq-items{gap:calc(10 * var(--interior-px, 1px))}.faq summary{padding:calc(12 * var(--interior-px, 1px));font-size:calc(11 * var(--interior-px, 1px));gap:calc(8 * var(--interior-px, 1px))}.faq details p{padding:0 calc(12 * var(--interior-px, 1px)) calc(12 * var(--interior-px, 1px))}}
@media(max-width:760px){html{scroll-padding-top:calc(25 * var(--interior-px, 1px))}.container{width:calc(100% - calc(32 * var(--interior-px, 1px)))}.utility-bar{height:calc(31 * var(--interior-px, 1px));font-size:calc(9 * var(--interior-px, 1px));letter-spacing:1px}.utility-inner>div{gap:calc(15 * var(--interior-px, 1px))}.utility-inner button{font-size:calc(9 * var(--interior-px, 1px));letter-spacing:0}.desktop-only{display:none}.header-inner{min-height:calc(86 * var(--interior-px, 1px));gap:calc(20 * var(--interior-px, 1px))}.brand{width:calc(187 * var(--interior-px, 1px))}.menu-toggle{display:flex;flex-direction:column;gap:calc(5 * var(--interior-px, 1px));padding:calc(12 * var(--interior-px, 1px)) calc(7 * var(--interior-px, 1px));border:1px solid var(--line);border-radius:calc(4 * var(--interior-px, 1px));width:calc(39 * var(--interior-px, 1px));align-items:center}.menu-toggle span{height:1px;background:#cce1f0;width:calc(19 * var(--interior-px, 1px))}#main-nav{position:absolute;top:100%;left:0;right:0;display:none;padding:calc(20 * var(--interior-px, 1px));grid-template-columns:repeat(2,1fr);gap:calc(10 * var(--interior-px, 1px));background:#071b30fa;border-bottom:1px solid var(--line);box-shadow:0 calc(15 * var(--interior-px, 1px)) calc(30 * var(--interior-px, 1px)) #0006}#main-nav.open{display:grid}#main-nav>a{padding:calc(13 * var(--interior-px, 1px)) calc(10 * var(--interior-px, 1px));font-size:calc(14 * var(--interior-px, 1px));border:1px solid #a8d3ed22;border-radius:calc(4 * var(--interior-px, 1px))}#main-nav>a>span{font-size:calc(8 * var(--interior-px, 1px))}#main-nav>a.active:after{display:none}#main-nav>a.nav-register{padding:calc(13 * var(--interior-px, 1px))}.home{padding-top:calc(15 * var(--interior-px, 1px))}.hero{border-radius:calc(6 * var(--interior-px, 1px))}.hero-slides{aspect-ratio:1.4}.hero-slide img{object-fit:cover;object-position:center;max-width:none;width:100%}.hero-shade{inset:20% 0 0}.hero-caption{bottom:calc(24 * var(--interior-px, 1px));left:calc(22 * var(--interior-px, 1px));right:calc(22 * var(--interior-px, 1px));display:block}.hero-caption .eyebrow{font-size:calc(8 * var(--interior-px, 1px));letter-spacing:calc(3 * var(--interior-px, 1px))}.hero-caption h1{font-size:calc(25 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px))}.hero-caption p{display:block;font-size:calc(10 * var(--interior-px, 1px));letter-spacing:1px;margin-top:calc(4 * var(--interior-px, 1px))}.hero-cta{margin-top:calc(15 * var(--interior-px, 1px))}.hero-cta .button{min-height:calc(38 * var(--interior-px, 1px));padding:calc(9 * var(--interior-px, 1px)) calc(17 * var(--interior-px, 1px));font-size:calc(11 * var(--interior-px, 1px))}.hero-cta .button-ghost{display:inline-flex}.hero-arrow{top:33%;width:calc(28 * var(--interior-px, 1px));height:calc(37 * var(--interior-px, 1px));font-size:calc(18 * var(--interior-px, 1px))}.hero-prev{left:calc(8 * var(--interior-px, 1px))}.hero-next{right:calc(8 * var(--interior-px, 1px))}.hero-bottom{padding:calc(9 * var(--interior-px, 1px)) calc(13 * var(--interior-px, 1px));font-size:calc(9 * var(--interior-px, 1px));letter-spacing:1px}.hero-dot{width:calc(20 * var(--interior-px, 1px))}.hero-dot:before{width:calc(18 * var(--interior-px, 1px))}.hero-dots{gap:calc(5 * var(--interior-px, 1px))}.quick-links{grid-template-columns:1fr 1fr;margin:calc(16 * var(--interior-px, 1px)) 0 calc(35 * var(--interior-px, 1px));border-radius:calc(6 * var(--interior-px, 1px))}.quick-link{padding:calc(18 * var(--interior-px, 1px)) calc(17 * var(--interior-px, 1px));gap:calc(14 * var(--interior-px, 1px));min-height:calc(82 * var(--interior-px, 1px))}.quick-link:nth-child(2){border-right:0}.quick-link:nth-child(-n+2){border-bottom:1px solid var(--line)}.quick-link h2{font-size:calc(13 * var(--interior-px, 1px));letter-spacing:1px}.quick-link p{font-size:calc(9 * var(--interior-px, 1px));letter-spacing:calc(0.5 * var(--interior-px, 1px))}.quick-icon{width:calc(27 * var(--interior-px, 1px))}.quick-link .arrow{display:inline;font-size:calc(12 * var(--interior-px, 1px))}.home-updates{grid-template-columns:1fr;gap:calc(32 * var(--interior-px, 1px));margin-bottom:calc(40 * var(--interior-px, 1px))}.video-card{aspect-ratio:16/8}.section-heading{margin-bottom:calc(18 * var(--interior-px, 1px))}.section-heading h2{font-size:calc(25 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px))}.section-heading .eyebrow{font-size:calc(9 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px));margin-bottom:calc(5 * var(--interior-px, 1px))}.text-link{font-size:calc(11 * var(--interior-px, 1px));gap:calc(8 * var(--interior-px, 1px))}.home-news{padding:0}.home-news-row{padding:calc(15 * var(--interior-px, 1px)) 0;gap:calc(12 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px))}.home-news-row time{font-size:calc(10 * var(--interior-px, 1px))}.home-tabs{gap:calc(30 * var(--interior-px, 1px))}.home-tabs button{padding:calc(10 * var(--interior-px, 1px)) 0;font-size:calc(11 * var(--interior-px, 1px))}.home-classes{margin-bottom:calc(35 * var(--interior-px, 1px))}.class-grid{grid-template-columns:1fr 1fr;gap:calc(12 * var(--interior-px, 1px))}.class-card{height:calc(300 * var(--interior-px, 1px))}.class-card-text{left:calc(18 * var(--interior-px, 1px));bottom:calc(17 * var(--interior-px, 1px))}.class-card-text h3{font-size:calc(25 * var(--interior-px, 1px))}.class-card-text p{font-size:calc(10 * var(--interior-px, 1px))}.class-card-text .eyebrow{font-size:calc(8 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px))}.home-invitation{padding:calc(26 * var(--interior-px, 1px)) calc(23 * var(--interior-px, 1px));display:block}.home-invitation h2{font-size:calc(22 * var(--interior-px, 1px));letter-spacing:calc(2 * var(--interior-px, 1px))}.home-invitation p{font-size:calc(12 * var(--interior-px, 1px))}.home-invitation .button{margin-top:calc(22 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px))}.page-shell{padding-top:calc(22 * var(--interior-px, 1px));padding-bottom:calc(20 * var(--interior-px, 1px))}.breadcrumb{font-size:calc(10 * var(--interior-px, 1px));margin-bottom:calc(23 * var(--interior-px, 1px));gap:calc(9 * var(--interior-px, 1px))}.page-heading{margin-bottom:calc(25 * var(--interior-px, 1px))}.page-heading .eyebrow{font-size:calc(9 * var(--interior-px, 1px))}.page-heading h1,.page-title{font-size:calc(31 * var(--interior-px, 1px));letter-spacing:calc(4 * var(--interior-px, 1px));padding-left:calc(20 * var(--interior-px, 1px))}.page-subtitle{font-size:calc(11 * var(--interior-px, 1px));letter-spacing:1px;padding-left:calc(20 * var(--interior-px, 1px))}.panel{border-radius:calc(8 * var(--interior-px, 1px))}.table-panel{padding:calc(20 * var(--interior-px, 1px)) calc(16 * var(--interior-px, 1px))}.filter-bar{gap:calc(17 * var(--interior-px, 1px));margin-bottom:calc(20 * var(--interior-px, 1px))}.tabs{gap:calc(7 * var(--interior-px, 1px))}.tab{font-size:calc(11 * var(--interior-px, 1px));padding:calc(7 * var(--interior-px, 1px)) calc(14 * var(--interior-px, 1px));letter-spacing:calc(0.5 * var(--interior-px, 1px))}.filter-bar .search-field{width:100%}.search-field input{width:100%}.field,input:not([type=checkbox]),select,textarea{font-size:calc(14 * var(--interior-px, 1px));min-height:calc(44 * var(--interior-px, 1px))}.news-count{font-size:calc(9 * var(--interior-px, 1px))}.news-table th,.news-table td{padding:calc(14 * var(--interior-px, 1px)) calc(10 * var(--interior-px, 1px))}.news-table th{font-size:calc(11 * var(--interior-px, 1px));letter-spacing:1px}.news-table td{font-size:calc(12 * var(--interior-px, 1px))}.news-table th:first-child,.news-table td:first-child{width:calc(68 * var(--interior-px, 1px));padding-left:0}.news-table th:nth-last-child(2),.news-table td:nth-last-child(2){width:calc(77 * var(--interior-px, 1px));padding-right:0}.news-table th:last-child,.news-table td:last-child{display:none}.news-table time{font-size:calc(9 * var(--interior-px, 1px))}.news-table .tag{padding:calc(2 * var(--interior-px, 1px)) calc(7 * var(--interior-px, 1px));font-size:calc(9 * var(--interior-px, 1px))}.news-table .news-title-link{letter-spacing:0;line-height:1.7}.pagination{gap:calc(7 * var(--interior-px, 1px));margin-top:calc(23 * var(--interior-px, 1px))}.pagination button{min-width:calc(30 * var(--interior-px, 1px));height:calc(31 * var(--interior-px, 1px));padding:0 calc(8 * var(--interior-px, 1px));font-size:calc(10 * var(--interior-px, 1px))}.article-panel{padding:calc(29 * var(--interior-px, 1px)) calc(22 * var(--interior-px, 1px))}.article-panel h1{font-size:calc(25 * var(--interior-px, 1px));letter-spacing:1px;margin-bottom:calc(25 * var(--interior-px, 1px))}.article-meta{font-size:calc(10 * var(--interior-px, 1px));gap:calc(10 * var(--interior-px, 1px))}.article-body{font-size:calc(13 * var(--interior-px, 1px));padding-top:calc(23 * var(--interior-px, 1px))}.article-actions{margin-top:calc(30 * var(--interior-px, 1px));flex-wrap:wrap}.article-actions .button{font-size:calc(11 * var(--interior-px, 1px));padding:calc(10 * var(--interior-px, 1px)) calc(15 * var(--interior-px, 1px))}.ranking-main-tabs{gap:calc(8 * var(--interior-px, 1px));margin-bottom:calc(20 * var(--interior-px, 1px))}.ranking-main-tabs .tab{padding:calc(9 * var(--interior-px, 1px)) calc(5 * var(--interior-px, 1px))}.ranking-filters{gap:calc(12 * var(--interior-px, 1px))}.ranking-filters .tabs{width:100%}.ranking-filters .tab{font-size:calc(10 * var(--interior-px, 1px));padding:calc(6 * var(--interior-px, 1px)) calc(12 * var(--interior-px, 1px))}.ranking-filters select{width:40%;font-size:calc(11 * var(--interior-px, 1px))}.ranking-filters .search-field{flex:1}.ranking-filters .search-field input{width:100%;font-size:calc(11 * var(--interior-px, 1px))}.ranking-table{min-width:calc(570 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px))}.ranking-table th,.ranking-table td{padding:calc(12 * var(--interior-px, 1px))}.ranking-table th{font-size:calc(11 * var(--interior-px, 1px))}.rank-character{font-size:calc(15 * var(--interior-px, 1px))}.rank-badge{width:calc(27 * var(--interior-px, 1px));height:calc(27 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px))}.academy-mark{font-size:calc(10 * var(--interior-px, 1px));gap:calc(7 * var(--interior-px, 1px))}.ranking-caption{font-size:calc(10 * var(--interior-px, 1px))}.classes-tabs{gap:calc(8 * var(--interior-px, 1px));margin-bottom:calc(16 * var(--interior-px, 1px))}.classes-tabs .tab{padding:calc(9 * var(--interior-px, 1px)) calc(3 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px))}.class-detail{display:flex;flex-direction:column}.class-detail-art{min-height:calc(390 * var(--interior-px, 1px));height:calc(390 * var(--interior-px, 1px))}.class-detail-art .portrait-art{background-size:auto 155%;background-position:var(--pos) 8%}.class-detail-art:after{background:linear-gradient(0deg,#0c233c,transparent 30%)}.class-art-label{left:calc(24 * var(--interior-px, 1px));bottom:calc(20 * var(--interior-px, 1px))}.class-detail-copy{padding:calc(13 * var(--interior-px, 1px)) calc(25 * var(--interior-px, 1px)) calc(30 * var(--interior-px, 1px))}.class-detail-copy h2{font-size:calc(38 * var(--interior-px, 1px));margin:calc(6 * var(--interior-px, 1px)) 0 calc(12 * var(--interior-px, 1px))}.class-detail-copy .class-catch{font-size:calc(17 * var(--interior-px, 1px));letter-spacing:1px}.class-tags{margin:calc(17 * var(--interior-px, 1px)) 0}.class-description{font-size:calc(13 * var(--interior-px, 1px));margin-bottom:calc(20 * var(--interior-px, 1px))}.class-specs{margin-bottom:calc(22 * var(--interior-px, 1px))}.class-specs dd{font-size:calc(12 * var(--interior-px, 1px))}.class-bottom .button{font-size:calc(12 * var(--interior-px, 1px))}.register-form{padding:calc(25 * var(--interior-px, 1px)) calc(22 * var(--interior-px, 1px))}.register-form .panel-title{font-size:calc(25 * var(--interior-px, 1px));margin-bottom:calc(25 * var(--interior-px, 1px))}.form-grid{grid-template-columns:1fr;gap:calc(19 * var(--interior-px, 1px))}.form-field>label{font-size:calc(12 * var(--interior-px, 1px))}.captcha-row{grid-template-columns:1fr calc(110 * var(--interior-px, 1px)) calc(25 * var(--interior-px, 1px));gap:calc(9 * var(--interior-px, 1px))}.captcha-refresh{font-size:calc(22 * var(--interior-px, 1px))}.form-agreement{font-size:calc(10 * var(--interior-px, 1px));gap:calc(8 * var(--interior-px, 1px));margin:calc(22 * var(--interior-px, 1px)) 0}.form-agreement button{font-size:calc(10 * var(--interior-px, 1px))}.register-submit{font-size:calc(16 * var(--interior-px, 1px));letter-spacing:calc(3 * var(--interior-px, 1px))}.onboarding{display:block}.onboarding-art{height:calc(175 * var(--interior-px, 1px))}.onboarding-content{padding:0 calc(24 * var(--interior-px, 1px)) calc(25 * var(--interior-px, 1px))}.onboarding-content h2{font-size:calc(24 * var(--interior-px, 1px))}.onboarding-step{padding:calc(14 * var(--interior-px, 1px)) 0}.onboarding-step p{font-size:calc(11 * var(--interior-px, 1px))}.success-panel{padding:calc(40 * var(--interior-px, 1px)) calc(23 * var(--interior-px, 1px))}.success-panel h2{font-size:calc(25 * var(--interior-px, 1px))}.success-panel p{font-size:calc(12 * var(--interior-px, 1px))}.download-grid{grid-template-columns:1fr;gap:calc(18 * var(--interior-px, 1px))}.download-card{padding:calc(24 * var(--interior-px, 1px))}.download-card h2{font-size:calc(24 * var(--interior-px, 1px))}.download-card-header{margin-bottom:calc(22 * var(--interior-px, 1px));gap:calc(16 * var(--interior-px, 1px))}.download-body{align-items:center;gap:calc(20 * var(--interior-px, 1px));margin-bottom:calc(23 * var(--interior-px, 1px))}.download-illustration{width:calc(65 * var(--interior-px, 1px));height:calc(85 * var(--interior-px, 1px))}.download-illustration svg{width:calc(62 * var(--interior-px, 1px))}.download-description{font-size:calc(12 * var(--interior-px, 1px));padding-left:calc(20 * var(--interior-px, 1px))}.download-description p:first-child{font-size:calc(13 * var(--interior-px, 1px))}.download-actions .button{font-size:calc(11 * var(--interior-px, 1px));padding:calc(11 * var(--interior-px, 1px))}.download-actions .button-primary{flex-basis:auto;font-size:calc(12 * var(--interior-px, 1px))}.download-note{font-size:calc(10 * var(--interior-px, 1px))}.installation{padding:calc(24 * var(--interior-px, 1px));margin-top:calc(18 * var(--interior-px, 1px))}.installation h2{font-size:calc(24 * var(--interior-px, 1px));margin-bottom:calc(24 * var(--interior-px, 1px))}.install-steps{gap:calc(8 * var(--interior-px, 1px));align-items:flex-start}.install-step{display:flex;align-items:center;flex-direction:column;gap:calc(9 * var(--interior-px, 1px));text-align:center;flex:1}.install-step span:last-child{font-size:calc(11 * var(--interior-px, 1px));letter-spacing:0}.install-step span:first-child{font-size:calc(17 * var(--interior-px, 1px))}.install-arrow{padding-top:calc(4 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px))}.faq{padding:calc(24 * var(--interior-px, 1px));margin-top:calc(18 * var(--interior-px, 1px))}.faq h2{font-size:calc(24 * var(--interior-px, 1px));margin-bottom:calc(22 * var(--interior-px, 1px))}.faq-items{grid-template-columns:1fr;gap:calc(12 * var(--interior-px, 1px))}.faq summary{padding:calc(16 * var(--interior-px, 1px));font-size:calc(13 * var(--interior-px, 1px))}.faq details p{padding:0 calc(16 * var(--interior-px, 1px)) calc(16 * var(--interior-px, 1px));font-size:calc(12 * var(--interior-px, 1px))}.system-requirements{font-size:calc(10 * var(--interior-px, 1px));line-height:1.9}.site-footer{padding-top:calc(35 * var(--interior-px, 1px));padding-bottom:calc(25 * var(--interior-px, 1px))}.footer-mark{gap:calc(20 * var(--interior-px, 1px))}.footer-mark img{width:calc(130 * var(--interior-px, 1px))}.footer-links{gap:calc(15 * var(--interior-px, 1px))}.footer-links a,.footer-links button{font-size:calc(10 * var(--interior-px, 1px))}.site-footer p{font-size:calc(9 * var(--interior-px, 1px));letter-spacing:calc(0.8 * var(--interior-px, 1px))}.site-footer p.footer-note{font-size:calc(10 * var(--interior-px, 1px))}.music-dock{right:calc(16 * var(--interior-px, 1px));bottom:calc(16 * var(--interior-px, 1px))}.toast{font-size:calc(12 * var(--interior-px, 1px));padding:calc(12 * var(--interior-px, 1px)) calc(18 * var(--interior-px, 1px));bottom:calc(18 * var(--interior-px, 1px))}dialog{padding:calc(30 * var(--interior-px, 1px)) calc(23 * var(--interior-px, 1px))}.dialog-title{font-size:calc(24 * var(--interior-px, 1px))}.legal-copy{font-size:calc(12 * var(--interior-px, 1px))}.modal-video{width:calc(100vw - calc(85 * var(--interior-px, 1px)))}}
@media(max-width:390px){.container{width:calc(100% - calc(26 * var(--interior-px, 1px)))}.hero-caption h1{font-size:calc(22 * var(--interior-px, 1px))}.hero-caption .eyebrow{font-size:calc(7 * var(--interior-px, 1px))}.hero-caption{left:calc(17 * var(--interior-px, 1px));right:calc(17 * var(--interior-px, 1px));bottom:calc(20 * var(--interior-px, 1px))}.hero-caption p{font-size:calc(9 * var(--interior-px, 1px))}.hero-cta{gap:calc(8 * var(--interior-px, 1px))}.hero-cta .button{font-size:calc(10 * var(--interior-px, 1px));padding:calc(9 * var(--interior-px, 1px)) calc(13 * var(--interior-px, 1px))}.hero-bottom{letter-spacing:calc(0.3 * var(--interior-px, 1px));font-size:calc(8 * var(--interior-px, 1px))}.quick-link{gap:calc(9 * var(--interior-px, 1px));padding:calc(16 * var(--interior-px, 1px)) calc(13 * var(--interior-px, 1px))}.quick-link h2{font-size:calc(12 * var(--interior-px, 1px))}.quick-link .arrow{display:none}.class-card{height:calc(260 * var(--interior-px, 1px))}.class-card-text{left:calc(14 * var(--interior-px, 1px));bottom:calc(14 * var(--interior-px, 1px))}.class-card-text h3{font-size:calc(23 * var(--interior-px, 1px))}.home-news-row{gap:calc(8 * var(--interior-px, 1px));font-size:calc(11 * var(--interior-px, 1px))}.home-tabs{gap:calc(23 * var(--interior-px, 1px))}.section-heading .text-link{font-size:calc(10 * var(--interior-px, 1px))}.captcha-row{grid-template-columns:1fr calc(95 * var(--interior-px, 1px)) calc(22 * var(--interior-px, 1px))}.register-form{padding:calc(23 * var(--interior-px, 1px)) calc(18 * var(--interior-px, 1px))}.download-card{padding:calc(22 * var(--interior-px, 1px))}.download-card h2{font-size:calc(22 * var(--interior-px, 1px))}.download-actions{gap:calc(6 * var(--interior-px, 1px))}.download-actions .button{font-size:calc(10 * var(--interior-px, 1px));padding:calc(10 * var(--interior-px, 1px)) calc(8 * var(--interior-px, 1px))}.download-actions .button-primary{font-size:calc(11 * var(--interior-px, 1px))}.download-description{padding-left:calc(15 * var(--interior-px, 1px))}.ranking-filters .tab{padding:calc(6 * var(--interior-px, 1px)) calc(10 * var(--interior-px, 1px))}.music-dock{width:calc(288 * var(--interior-px, 1px))}#youtube-music{width:calc(288 * var(--interior-px, 1px))}.form-agreement{font-size:calc(9 * var(--interior-px, 1px))}.form-agreement button{font-size:calc(9 * var(--interior-px, 1px))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}#snow{display:none}}