@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(../media/instrument-serif-latin-400-italic.1bk2-9tco4m7m.woff2)format("woff2"),url(../media/instrument-serif-latin-400-italic.3_-8f-v73506e.woff)format("woff")}
:root{--bg:#08090f;--panel:#14131f;--text:#f2effa;--muted:#9692aa;--accent:#c6b2ef;--line:#ffffff13;--font-sans:"Manrope Variable",sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:6px;outline:2px solid #d6c4ff}h1,h2,h3,p{margin:0}button svg,a svg{flex-shrink:0}::selection{background:#8f70b955}#main{outline:none}.skip-link{z-index:200;color:#14101d;background:#ddd2f3;border-radius:8px;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.night-sky{pointer-events:none;z-index:-1;background:radial-gradient(at 48% 10%,#15132245,#0000 62%),#08090f;position:fixed;inset:0;overflow:hidden}.nebula{filter:blur(70px);opacity:.3;border-radius:50%;animation:28s ease-in-out infinite alternate nebula-drift;position:absolute}.nebula-one{background:radial-gradient(#68459e2e,#0000 68%);width:850px;height:600px;top:80px;left:calc(50% - 425px)}.nebula-two{background:radial-gradient(#3f579830,#0000 70%);width:560px;height:700px;animation-delay:-12s;top:40%;right:-200px}.star{opacity:.38;background:#c8c4e5;border-radius:50%;width:1.5px;height:1.5px;animation:6s ease-in-out infinite twinkle;position:absolute}.star.bright{background:#e1d7ff;width:2px;height:2px;box-shadow:0 0 9px 2px #ac8fe138}.star.bright:before,.star.bright:after{content:"";opacity:.4;background:#cec0f9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.star.bright:before{width:7px;height:.5px}.star.bright:after{width:.5px;height:7px}.map-header{z-index:40;border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;width:calc(100% - 96px);max-width:1240px;height:88px;margin:auto;display:flex;position:relative}.brand{letter-spacing:-.4px;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.brand>svg{color:#cbb9ec;width:26px;height:29px}.brand>span>span{color:#8b869b;margin-left:4px;font-weight:400}.header-actions{align-items:center;gap:22px;display:flex}.quiet-progress{color:#817c92;font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:11px;display:flex}.quiet-progress strong{color:#c8c1d8;font-weight:500}.quiet-progress i{background:conic-gradient(#c6b2ef var(--progress),#2e2a3b 0);border-radius:50%;width:17px;height:17px;margin-right:4px;position:relative}.quiet-progress i:after{content:"";background:#0b0b13;border-radius:50%;position:absolute;inset:2px}.login-button{background:#ffffff04;border:1px solid #ffffff20;border-radius:30px;align-items:center;gap:11px;padding:10px 17px;font-size:11px;transition:background .2s,border-color .2s;display:flex}.login-button:hover{background:#b7a1dc17;border-color:#b7a1dc60}.account-name{color:#d8cfe8;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;overflow:hidden}.icon-button{color:#a9a1ba;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:color .2s,background .2s;display:inline-flex}.icon-button:hover{color:#fff;background:#ffffff0d}.logout-button{margin-left:-13px}.constellation-page{position:relative;overflow:clip}.map-intro{text-align:center;padding:47px 24px 4px}.map-kicker{letter-spacing:2.3px;color:#aca0c0;align-items:center;gap:8px;font-size:8px;font-weight:600;display:inline-flex}.map-kicker>i{background:#c9b2ed;border-radius:50%;width:4px;height:4px;box-shadow:0 0 9px #b99ee8}.map-intro h1{letter-spacing:-2px;margin:20px 0 13px;font-size:48px;font-weight:500;line-height:1.15}.map-intro h1 em{letter-spacing:-1px;color:#c4b1e8;font-family:Instrument Serif,serif;font-size:1.17em;font-weight:400}.map-intro p{letter-spacing:.15px;color:#8c859e;font-size:11px}.map-world{isolation:isolate;width:min(900px,100%);margin:26px auto 0;position:relative}.constellation-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.path-core{fill:none;stroke:url(#path-light);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:3 5}.path-aura{fill:none;stroke:#c8b4fa;stroke-opacity:.035;stroke-width:7px;vector-effect:non-scaling-stroke}.path-star{fill:#cbb6fa;opacity:.65;filter:drop-shadow(0 0 5px #c3a4ff)}.path-done .path-core{stroke:#a2c6bc;stroke-dasharray:none;opacity:.7}.path-done .path-star{fill:#b8e4d4}.path-locked{filter:blur(5px);opacity:.38}.constellation-node{z-index:2;width:100%;height:0;transition:opacity .3s;position:absolute;left:0}.constellation-node.is-open{z-index:30}.node-anchor{left:var(--x);perspective:450px;width:76px;height:76px;position:absolute;top:0;transform:translate(-50%,-50%)}.star-node{width:76px;height:76px;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));background:0 0;border:0;border-radius:22px;justify-content:center;align-items:center;transition:transform .18s;display:flex;position:relative;outline-offset:12px!important}.node-glass{background:linear-gradient(135deg,#3f354f,#171421 62%,#201a2b);border:1px solid #c4a3ff39;border-radius:19px;transition:border-color .3s,box-shadow .3s,background .3s;position:absolute;inset:5px;transform:rotate(45deg);box-shadow:inset 1px 1px 1px #e7d5ff20,inset -1px -1px 1px #0009,0 8px 28px #0008,0 0 24px #a77cef0a}.node-glyph{z-index:2;color:#b6a7d0;filter:drop-shadow(0 1px 5px #d8c3ff20);transition:color .3s;display:flex;position:relative;transform:translateZ(18px)}.node-sheen{background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ffffff26,transparent 65%);opacity:0;border-radius:20px;transition:opacity .3s;position:absolute;inset:3px;transform:rotate(45deg)}.star-node:hover,.star-node:focus-visible{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.1)}.star-node:hover .node-glass,.star-node:focus-visible .node-glass,.is-open .node-glass{border-color:#d3b5ff95;box-shadow:inset 1px 1px 1px #ead6ff40,0 8px 28px #0008,0 0 40px #a77cef29}.star-node:hover .node-glyph,.is-open .node-glyph{color:#f3eaff}.star-node:hover .node-sheen{opacity:1}.orbit{pointer-events:none;border:1px solid #b994ee16;border-radius:50%;transition:transform .4s,border-color .4s;position:absolute;inset:-14px}.orbit-two{border-style:dashed;border-color:#b994ee09;animation:70s linear infinite orbit-turn;inset:-22px}.node-anchor:has(.star-node:hover) .orbit-one{border-color:#cbb0ff40;transform:scale(1.05)}.node-index{color:#b0a0c9;font-variant-numeric:tabular-nums;pointer-events:none;background:#101017;border:1px solid #aa90d031;border-radius:8px;justify-content:center;align-items:center;min-width:22px;height:19px;font-size:8px;display:flex;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.is-next .node-glass{background:linear-gradient(130deg,#9b83bf,#4f3c6d 53%,#2b233b);border-color:#d8bbff80;box-shadow:inset 1px 1px 2px #f2dfff50,0 0 45px #ab7def22,0 0 90px #ab7def12}.is-next .node-glyph{color:#f3e7ff}.is-next .orbit-one{border-color:#c0a0ec3b;animation:4s ease-in-out infinite orbit-breathe}.is-complete .node-glass{background:linear-gradient(130deg,#34534d,#182c29);border-color:#86bfab70;box-shadow:0 0 30px #86bfa914,inset 1px 1px 1px #c1ffdc24}.is-complete .node-glyph,.is-complete .node-index{color:#b8e5d6}.is-complete .node-index{border-color:#6fa78e40}.is-complete .orbit{border-color:#86bfab18}.is-complete .node-caption>span{color:#8bb7a7}.node-caption{top:-17px;left:var(--x);pointer-events:none;width:185px;position:absolute}.caption-right{text-align:left;margin-left:76px}.caption-left{text-align:right;margin-left:-76px;transform:translate(-100%)}.node-caption>span{letter-spacing:1.6px;color:#b6a0d9;height:15px;font-size:7px;font-weight:600;display:block}.node-caption strong{letter-spacing:.1px;color:#d3cbdf;font-size:13px;font-weight:500;line-height:1.5}.chapter-marker{color:#6c647d;align-items:center;gap:11px;max-width:180px;display:flex;position:absolute;top:-42px;left:46px}.chapter-marker>span{color:#9a87b5;font-size:10px}.chapter-marker h2{letter-spacing:.6px;font-size:10px;font-weight:400}.chapter-marker:before{content:"";background:#84709644;width:19px;height:1px}.node-bubble{top:64px;left:clamp(14px,calc(var(--x) - 185px),calc(100% - 384px));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transform-origin:50% -50px;background:linear-gradient(135deg,#231e30fa,#14121efc);border:1px solid #bfa1ed46;border-radius:20px;outline:none;width:370px;max-width:calc(100% - 28px);padding:21px 23px 18px;animation:.32s cubic-bezier(.2,.75,.25,1.2) both bubble-arrive;position:absolute;box-shadow:0 24px 70px #0009,0 0 45px #9974d414,inset 0 1px #eedfff12}.node-bubble:before{content:"";background:#241f30;border-top:1px solid #bfa1ed46;border-left:1px solid #bfa1ed46;width:15px;height:15px;position:absolute;top:-9px;left:calc(50% - 8px);transform:rotate(45deg)}.bubble-meta{justify-content:space-between;align-items:center;margin:-5px -7px 11px 0;display:flex}.bubble-meta>span{color:#b19bcf;letter-spacing:1px;font-size:8px}.bubble-meta>span>span{color:#83748e;letter-spacing:0;font-size:9px}.node-bubble h3{letter-spacing:-.5px;margin-bottom:12px;font-size:21px;font-weight:500;line-height:1.35}.node-bubble>p{color:#c0b7ce;font-size:12px;line-height:1.85}.bubble-goal{border-top:1px solid #b79bdc18;gap:11px;margin:13px 0 4px;padding:15px 0;display:flex}.bubble-goal>svg{color:#ad9ac8;flex-shrink:0;margin-top:2px}.bubble-goal>div>span{letter-spacing:1.2px;color:#a58fbe;font-size:7px;font-weight:600}.bubble-goal p{color:#ada2be;margin-top:6px;font-size:11px;line-height:1.75}.complete-button{color:#e3d4f7;background:#bfa4e717;border:1px solid #c3aceb3b;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;padding:12px;font-size:11px;transition:background .2s;display:flex}.complete-button:hover{background:#bfa4e72e}.complete-button.done{color:#b8d3c4;background:#92bfa412;border-color:#92bfa43b}.complete-button:disabled{opacity:.5}.bubble-login-note{color:#7e738f;text-align:center;margin-top:11px;font-size:9px;display:block}.map-world:has(.is-open) .constellation-node:not(.is-open){opacity:.28}.map-world:has(.is-open) .constellation-lines{opacity:.38}.is-open .node-caption{opacity:0}.is-locked{filter:blur(4px);opacity:.65;pointer-events:none;-webkit-user-select:none;user-select:none}.locked-zone{z-index:6;pointer-events:none;justify-content:center;align-items:center;padding:80px 20px 100px;display:flex;position:absolute;bottom:0;left:0;right:0}.locked-fade{background:linear-gradient(#0000,#08090f18 14%,#08090f65 40%,#08090f 100%);position:absolute;inset:0}.unlock-card{text-align:center;pointer-events:auto;background:radial-gradient(at 50% 10%,#33244252,#0000 70%);border-radius:36px;width:420px;max-width:100%;padding:33px 22px;position:relative}.lock-orbit{color:#c7aedf;background:#1e1728;border:1px solid #ba90e13b;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 28px;display:flex;box-shadow:0 0 0 9px #bd90e709,0 0 50px #9a63c826}.unlock-card .map-kicker{font-size:7px}.unlock-card h2{color:#e9ddf9;letter-spacing:-.5px;margin:15px 0 18px;font-family:Instrument Serif,serif;font-size:44px;font-style:italic;font-weight:400;line-height:1.05}.unlock-card>p{color:#9688a8;font-size:12px;line-height:1.9}.unlock-button{color:#251c32;background:linear-gradient(120deg,#d6c2f0,#b69bd6);border:1px solid #e2cef540;border-radius:12px;justify-content:center;align-items:center;gap:18px;margin:25px auto 0;padding:15px 23px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 0 25px #ac7bd416}.unlock-button:hover{transform:translateY(-2px);box-shadow:0 0 35px #ac7bd439}.unlock-footnote{color:#71657f;margin-top:14px;font-size:9px;display:block}.preview-banner{color:#9b8da9;justify-content:center;align-items:center;gap:16px;margin:25px 10px 0;font-size:10px;display:flex}.preview-banner button{color:#c2acd9;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;display:flex}.map-footer{color:#5c5568;border-top:1px solid #ffffff07;justify-content:space-between;align-items:center;gap:20px;max-width:960px;margin:auto;padding:28px 24px 35px;font-size:10px;display:flex}.map-footer>span:first-child{color:#8b809b}.map-footer>a{padding:4px;transform:rotate(180deg)}dialog{color:var(--text)}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05040bb5;animation:.2s fade-in}.auth-dialog,.offer-dialog{background:linear-gradient(135deg,#201b2c,#100f18);border:1px solid #bca0df3b;border-radius:24px;width:420px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:34px;position:fixed;overflow:auto;box-shadow:0 30px 100px #0008}.auth-dialog[open],.offer-dialog[open]{animation:.25s ease-out dialog-arrive}.dialog-close{position:absolute;top:15px;right:15px}.auth-symbol{color:#c3abe1;margin:0 0 23px}.eyebrow{letter-spacing:1.7px;color:#a28bb9;font-size:8px}.auth-dialog h2{letter-spacing:-1px;margin:12px 0;font-size:27px;font-weight:500;line-height:1.25}.muted{color:#9687a8;font-size:12px;line-height:1.8}.segmented{background:#0002;border:1px solid #b79ad724;border-radius:11px;gap:4px;padding:4px;display:flex}.auth-tabs{margin:23px 0}.segmented>button{color:#92859f;background:0 0;border:0;border-radius:7px;flex:1;padding:9px;font-size:11px}.segmented>button.active{color:#e3d5f3;background:#ae89d324}.auth-dialog form>label{color:#c0b0d0;flex-direction:column;gap:8px;margin-bottom:17px;font-size:11px;display:flex}.auth-dialog input{color:#e8dcf6;background:#08080e50;border:1px solid #b395d528;border-radius:9px;width:100%;padding:12px;font-size:12px}.auth-dialog input::placeholder{color:#71627e}.button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:13px 18px;font-size:12px;font-weight:600;display:inline-flex}.primary{color:#271b33;background:#cbb2e8}.full{width:100%}.button:disabled{opacity:.45}.auth-note{color:#776882;gap:8px;margin-top:20px;font-size:9px;line-height:1.8;display:flex}.auth-note svg{flex-shrink:0;margin-top:2px}.form-error{color:#f1a3af;margin:0 0 16px;font-size:11px;line-height:1.6}.offer-dialog{text-align:center;padding:42px 35px 30px}.offer-icon{color:#c5abe5;justify-content:center;margin-bottom:24px;display:flex}.offer-dialog h2{margin:20px 0;font-family:Instrument Serif,serif;font-size:48px;font-style:italic;font-weight:400;line-height:1}.offer-dialog>p{color:#ac9dbb;font-size:12px;line-height:1.9}.offer-preview-note{color:#a99ab7;background:#b79bd411;border:1px solid #b79bd41b;border-radius:10px;margin-top:21px;padding:14px;font-size:10px;line-height:1.8}.offer-dialog .unlock-button{width:100%;font-size:11px}.offer-dialog>small{color:#7d6d8d;margin-top:13px;font-size:9px;display:block}.toast{opacity:0;pointer-events:none;z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#d5c5e6;background:#242030ee;border:1px solid #b79bd437;border-radius:12px;width:max-content;max-width:calc(100% - 40px);padding:13px 20px;font-size:11px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);box-shadow:0 10px 40px #0006}.toast.visible{opacity:1;transform:translate(-50%)}.spin{animation:1s linear infinite orbit-turn}.not-found{text-align:center;padding:120px 20px}.not-found>svg{color:#c3a8e2;margin-bottom:20px}.not-found>.eyebrow{display:block}.not-found h1{margin:15px 0;font-size:30px}.not-found p{color:#9687a8;margin-bottom:25px}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.65;transform:scale(1.1)}}@keyframes nebula-drift{to{transform:translate(40px,-30px)scale(1.15)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes orbit-breathe{50%{opacity:.5;transform:scale(1.06)}}@keyframes bubble-arrive{0%{opacity:0;filter:blur(4px);transform:translateY(-14px)scale(.75)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes dialog-arrive{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:1450px){.map-intro{padding-top:62px}.map-intro h1{font-size:54px}.map-world{margin-top:34px}}@media (max-width:800px){.map-header{width:calc(100% - 48px);height:76px}.map-intro{padding-top:35px}.map-intro h1{font-size:40px}.map-kicker{letter-spacing:1.7px;font-size:7px}.chapter-marker{top:-60px;left:24px}.caption-right{margin-left:64px}.caption-left{margin-left:-64px}.node-caption{width:160px}.node-caption strong{font-size:12px}.map-world{width:100%;max-width:700px}.node-anchor,.star-node{width:68px;height:68px}.node-glass{border-radius:17px}.orbit{inset:-12px}.orbit-two{inset:-19px}.node-glyph svg{width:26px;height:26px}}@media (max-width:520px){.map-header{width:calc(100% - 36px);height:70px}.brand{gap:7px;font-size:13px}.brand>svg{width:22px;height:25px}.header-actions{gap:14px}.quiet-progress{font-size:10px}.quiet-progress i{display:none}.login-button{gap:7px;padding:8px 12px;font-size:10px}.account-name{max-width:75px;font-size:10px}.map-intro{padding:33px 17px 0}.map-intro h1{letter-spacing:-1.5px;margin-top:15px;font-size:34px}.map-intro p{font-size:10px}.map-kicker{letter-spacing:1.6px;font-size:6px}.map-world{margin-top:30px}.node-anchor,.star-node{width:62px;height:62px}.node-glass{border-radius:15px}.node-glyph svg{width:24px;height:24px}.orbit{inset:-10px}.orbit-two{inset:-16px}.node-caption{width:150px;top:58px;left:var(--x);text-align:center;margin:0;transform:translate(-50%)}.node-caption strong{font-size:11px}.node-caption>span{letter-spacing:1.4px;height:13px;font-size:6px}.node-index{bottom:-14px}.chapter-marker{gap:8px;max-width:220px;top:-50px;left:22px}.chapter-marker h2,.chapter-marker>span{font-size:9px}.chapter-marker:before{width:13px}.node-bubble{width:350px;top:58px;left:clamp(14px,calc(var(--x) - 175px),calc(100% - 364px));padding:20px}.node-bubble:before{display:none}.node-bubble h3{font-size:20px}.node-bubble>p{font-size:12px}.bubble-meta>span>span{font-size:8px}.unlock-card h2{font-size:40px}.unlock-card>p,.unlock-button{font-size:11px}.map-footer{gap:10px;padding-left:20px;padding-right:20px;font-size:8px}.map-footer>span:nth-child(2){font-size:8px}.auth-dialog{padding:29px 24px}.auth-dialog h2{font-size:26px}.offer-dialog{padding:38px 25px 27px}.preview-banner{gap:10px;font-size:9px}.preview-banner button{font-size:9px}.toast{font-size:10px;bottom:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.star-node{transform:none!important}}.language-control{color:#aaa0bd;align-items:center;gap:7px;display:inline-flex;position:relative}.language-control>svg{pointer-events:none;width:14px;height:14px}.language-control select{font:inherit;color:#c6bad7;cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;max-width:98px;padding:8px 15px 8px 0;font-size:10px}.language-control option{color:#e6d9f4;background:#17121f}.node-bubble{width:410px;left:clamp(14px,calc(var(--x) - 205px),calc(100% - 424px));flex-direction:column;max-height:min(740px,100dvh - 170px);padding:0;display:flex}.bubble-head{flex-shrink:0;padding:21px 24px 0}.bubble-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#65516f transparent;outline-offset:-2px;min-height:0;padding:0 24px;overflow-y:auto}.lesson-summary{color:#c5bad2;margin:0 0 18px;font-size:12px;line-height:1.85}.bubble-actions{background:#181420;border-top:1px solid #c1a0e517;border-radius:0 0 20px 20px;flex-shrink:0;padding:15px 24px 17px}.bubble-actions .bubble-login-note{margin-top:9px;font-size:9px}.lesson-try{border-left:2px solid #a98ac76b;margin:19px 0 10px;padding-left:13px}.lesson-try>span,.example-label{letter-spacing:1.4px;color:#baa1d1;font-size:8px;font-weight:700}.lesson-try>p{color:#d4c8df;margin-top:8px;font-size:12px;line-height:1.85}.lesson-tip{color:#a794bc;font-size:11px;line-height:1.8}.lesson-tip summary{cursor:pointer;letter-spacing:.9px;width:fit-content;font-size:9px;list-style-position:inside;display:list-item}.lesson-tip[open] p{color:#b5a4c4;background:#a887ca0b;border-radius:8px;margin:7px 0 0;padding:10px 12px}.bubble-goal{margin:14px 0 0;padding:13px 0 17px}.bubble-goal p{color:#c0b0ce;font-size:11px;line-height:1.75}.lesson-example{color:#c5abd9;background:linear-gradient(125deg,#b995e20d,#00000017);border:1px solid #ac8bc525;border-radius:12px;margin:0;padding:13px 14px 12px}.example-label{color:#a88ebc;margin-bottom:10px;font-size:7px;display:block}.example-caption{text-align:center;color:#a58daf!important;margin-top:7px!important;font-size:9px!important;line-height:1.6!important}.lesson-chords{justify-content:center;gap:30px;display:flex}.lesson-chord{text-align:center;width:112px;max-width:45%;margin:0}.lesson-chord figcaption{color:#e0c8f4;font-size:15px;font-weight:600}.lesson-chord svg{width:100%;height:auto;margin:3px 0 -4px;display:block}.lesson-anatomy,.lesson-fret{width:100%;height:auto;display:block}.lesson-beats{text-align:center;grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.lesson-beats>div{flex-direction:column;align-items:center;gap:9px;display:flex}.lesson-beats span{color:#907b9d;font-size:10px}.lesson-beats strong{color:#dfbdfc;background:#b98ddd15;border:1px solid #caa6ea44;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:11px;display:flex}.lesson-beats small{color:#ae95c0;font-size:8px}.lesson-tab pre{letter-spacing:1px;color:#d4bce8;scrollbar-width:thin;margin:0;font-family:ui-monospace,Consolas,monospace;font-size:11px;line-height:1.6;overflow-x:auto}.lesson-tab>p{color:#b69bc9;margin-top:10px;font-size:9px;line-height:1.6}.lesson-tab>small{color:#90779e;margin-top:4px;font-size:8px;line-height:1.6;display:block}.tuning-strings{justify-content:space-around;gap:10px;display:flex}.tuning-strings>div{flex-direction:column;align-items:center;gap:7px;display:flex}.tuning-strings small{color:#9883a9;font-size:9px}.tuning-strings i{background:linear-gradient(#9674b6,#dfb9fa);display:block;box-shadow:0 0 8px #c9a3f51a}.tuning-strings strong{color:#e2c6f5;font-size:16px;font-weight:500}.lesson-progression{justify-content:center;gap:15px;display:flex}.lesson-progression>span{align-items:center;gap:15px;display:flex}.lesson-progression strong{color:#dec2f4;font-size:20px;font-weight:500}.lesson-progression svg{color:#896ca1}.power-shapes{justify-content:center;align-items:center;gap:27px;display:flex}.power-shapes>div{flex-direction:column;align-items:center;gap:8px;display:flex}.power-shapes strong{font-size:18px;font-weight:500}.power-shapes span{color:#a88abf;font-family:monospace;font-size:12px}.note-landmarks{justify-content:space-between;display:flex}.note-landmarks>div{flex-direction:column;align-items:center;gap:10px;display:flex}.note-landmarks strong{font-size:17px;font-weight:500}.note-landmarks span{color:#a98cbb;text-align:center;border:1px solid #b088d633;border-radius:7px;min-width:32px;padding:4px;font-size:11px}.interval-notes{justify-content:center;align-items:center;gap:9px;display:flex}.interval-notes>span{flex-direction:column;align-items:center;gap:8px;min-width:28px;font-size:16px;display:flex}.interval-notes small{color:#9e7db5;font-size:10px}.interval-notes i{color:#a58eb8;border-bottom:1px solid #9875b349;padding-bottom:8px;font-size:8px;font-style:normal}.scale-grid{gap:6px;max-width:240px;margin:auto;display:grid}.scale-grid>div{align-items:center;gap:8px;display:flex}.scale-grid span{color:#a08bb1;width:14px;font-family:monospace;font-size:10px}.scale-grid i{background:#b49ac94d;flex:1;height:1px}.scale-grid strong{color:#dfbff8;background:#9b6cc319;border:1px solid #c39be359;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-family:monospace;font-size:10px;font-weight:400;display:flex}.dynamic-example{justify-content:center;align-items:center;gap:40px;padding:5px 0 17px;display:flex}.dynamic-example>span{align-items:center;gap:4px;height:48px;display:flex;position:relative}.dynamic-example i{background:#cba6e5;border-radius:2px;width:4px;height:16px}.dynamic-example i:nth-child(2n){height:24px}.dynamic-example .louder i{height:32px}.dynamic-example .louder i:nth-child(2n){height:46px}.dynamic-example small{color:#ab8cbe;font-size:9px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}@media (max-width:520px){.header-actions{gap:10px}.brand{font-size:12px}.language-control{gap:4px}.language-control>svg{display:none}.language-control select{max-width:77px;padding-right:5px;font-size:9px}.quiet-progress{gap:3px;font-size:9px}.login-button{gap:4px;padding:8px 10px}.account-name{max-width:55px}.node-bubble{width:370px;max-width:calc(100% - 28px);left:clamp(14px,calc(var(--x) - 185px),calc(100% - 384px));max-height:calc(100dvh - 155px);padding:0}.bubble-head{padding:18px 20px 0}.bubble-scroll{padding:0 20px}.bubble-actions{padding:12px 20px 14px}.node-bubble h3{font-size:19px}.lesson-summary,.lesson-try>p{font-size:11px;line-height:1.8}.lesson-example{padding:11px}.lesson-chords{gap:23px}.lesson-chord{width:105px}.lesson-beats{gap:7px}.lesson-progression,.lesson-progression>span{gap:10px}.lesson-progression strong{font-size:17px}.lesson-tab pre{letter-spacing:.7px;font-size:10px}.lesson-try{margin-top:16px}.lesson-try>span{font-size:7px}.example-caption{font-size:8px!important}.map-intro h1{font-size:32px}}@media (max-width:355px){.brand>span>span,.account-name{display:none}.map-header{width:calc(100% - 28px)}}.google-login{min-height:46px;margin-top:24px}.auth-legal{margin:18px 0 0;color:#93849f!important;font-size:10px!important;line-height:1.7!important}.auth-legal a,.legal-footer a,.legal-page a,.consent-panel a{color:#cab5e1;text-underline-offset:3px}.currency-select{text-align:left;color:#ad9abd;flex-direction:column;gap:8px;margin-top:20px;font-size:10px;display:flex}.currency-select select{color:#e4d6f2;width:100%;font:inherit;background:#17121e;border:1px solid #bca0df40;border-radius:9px;padding:11px;font-size:12px}.offer-price{letter-spacing:-1px;color:#f1e5ff;margin:20px 0 6px;font-size:36px;font-weight:500;display:block}.offer-login-note{margin-top:18px;font-size:10px!important}.unlock-button:disabled{opacity:.5;cursor:wait;transform:none}.purchase-status{text-align:center;color:#cfbddf;background:#22182b85;border:1px solid #bfa0dc24;border-radius:14px;max-width:550px;margin:24px auto 0;padding:13px 20px;font-size:12px;line-height:1.7}.purchase-status p{margin:0}.purchase-status button{color:#d9c5f0;background:0 0;border:0;margin-top:9px;font-size:11px;text-decoration:underline}.legal-footer{z-index:2;flex-wrap:wrap;justify-content:center;gap:18px;padding:0 20px 32px;font-size:10px;display:flex;position:relative}.legal-footer a,.legal-footer button{color:#8c7d9e;text-decoration:none}.legal-footer button{font:inherit;background:0 0;border:0;padding:0}.legal-footer a:hover,.legal-footer button:hover{color:#dfcaef;text-decoration:underline}.consent-panel{z-index:40;color:#d4c2e3;background:#191320f5;border:1px solid #bca0df40;border-radius:18px;width:390px;max-width:calc(100% - 40px);padding:21px;position:fixed;bottom:20px;left:20px;box-shadow:0 16px 65px #0008}.consent-panel h2{margin:0 0 10px;font-size:16px;font-weight:500}.consent-panel p{color:#b3a0c4;margin:0 0 15px;font-size:11px;line-height:1.8}.consent-panel>div{gap:9px;display:flex}.consent-panel button{color:#eadcf8;background:#30233e;border:1px solid #bca0df50;border-radius:9px;flex:1;min-height:42px;padding:8px;font-size:10px;font-weight:600}.consent-panel button:hover{background:#433151}.consent-panel small{color:#9986ac;margin-top:10px;font-size:9px;line-height:1.6;display:block}.legal-page{z-index:1;color:#b5a4c8;max-width:740px;margin:34px auto 70px;padding:0 25px;position:relative}.legal-back{align-items:center;gap:7px;margin-bottom:35px;font-size:11px;text-decoration:none;display:inline-flex}.legal-page>.map-kicker{font-size:8px;display:block}.legal-page h1{color:#e6d8f1;margin:15px 0 24px;font-family:Instrument Serif,serif;font-size:50px;font-weight:400;line-height:1.1}.legal-intro{color:#d0bddf!important;font-size:14px!important}.legal-page section{margin-top:28px}.legal-page h2{color:#dcc7ec;margin-bottom:10px;font-size:15px;font-weight:600}.legal-page p{margin:8px 0;font-size:12px;line-height:1.95}.legal-contact{border-top:1px solid #bfa2dc25;padding-top:20px}.legal-contact a{font-size:13px}.legal-page+.legal-footer{margin-top:30px}@media (max-width:520px){.purchase-status{margin:20px 20px 0;font-size:11px}.consent-panel{max-width:calc(100% - 24px);padding:18px;bottom:12px;left:12px}.legal-footer{gap:14px;font-size:9px}.legal-page h1{font-size:40px}.legal-page{margin-top:25px}.currency-select select{font-size:11px}}