:root{color-scheme:dark;--bg:#142336;--panel:#1b2d40;--text:#f0eee3;--muted:#a5b5c2;--gold:#dfc088;--jade:#8cd3ba;--line:#ffffff12;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6}button,select,input{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.42}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{transition:background .18s,color .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.site-header{max-width:1400px;margin:auto;display:flex;align-items:center;padding:24px 48px;border-bottom:1px solid var(--line);gap:36px}.brand{display:flex;align-items:center;gap:13px}.brand-seal{font-family:var(--serif);font-size:23px;display:grid;place-items:center;width:39px;height:42px;border:1px solid #dfc08880;border-radius:5px;color:var(--gold);box-shadow:inset 0 0 0 3px var(--bg),inset 0 0 0 4px #dfc08830}.brand-name{font-family:var(--serif);font-size:26px;line-height:1.1;letter-spacing:3px}.brand-name>span{font-family:var(--sans);font-size:10px;color:var(--muted);letter-spacing:2px;display:block;margin-top:8px}.site-header nav{display:flex;gap:34px;margin-left:auto;height:44px;align-items:center}.site-header nav button{position:relative;color:var(--muted);padding:10px 0}.site-header nav .nav-active{color:var(--gold)}.nav-active:after{content:"";width:16px;height:2px;position:absolute;bottom:0;left:calc(50% - 8px);background:var(--gold)}#record-dot{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--jade);right:-8px;top:9px}.icon-btn{width:37px;height:37px;display:grid;place-items:center;border:1px solid #ffffff1d;border-radius:50%;color:var(--muted)}svg{display:block}.icon-btn svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-btn.muted{opacity:.45}.icon-btn:hover{color:var(--gold);background:#ffffff08}main{max-width:1304px;margin:auto;padding:38px 0 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.intro-kicker{font-size:12px;color:#b9c5c9;display:flex;align-items:center;gap:9px}.intro-kicker>span{width:5px;height:5px;border-radius:50%;background:var(--jade)}h1{font:400 34px/1.4 var(--serif);letter-spacing:2px;margin:9px 0 8px}.intro p{margin:0;color:var(--muted);font-size:13px}.daily{display:flex;gap:14px;align-items:center;padding-right:4px}.daily svg{width:32px;height:32px;fill:none;stroke:#dfc08890;stroke-width:1.2}.daily strong,.daily span{display:block}.daily strong{font-size:12px;font-weight:500;color:#d3dacd}.daily span{font-size:11px;color:#8197a9;margin-top:3px}.workspace{display:grid;grid-template-columns:288px minmax(0,1fr);gap:30px;align-items:start}.library{padding-top:8px}.library-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 16px}.library-heading h2{font-size:16px;font-weight:500;margin:0}.library-heading>span{font-size:11px;color:#8ba0b2}.song-list{display:flex;flex-direction:column;gap:8px}.song{width:100%;border:1px solid transparent;border-radius:10px;display:flex;text-align:left;align-items:center;padding:15px 13px;gap:13px;background:#ffffff03;position:relative;min-height:86px}.song:hover{background:#ffffff07}.song[aria-pressed=true]{background:#dfc0880c;border-color:#dfc08845}.song[aria-pressed=true]:before{content:"";position:absolute;width:3px;height:23px;left:-1px;top:31px;background:var(--gold);border-radius:4px}.song-emblem{width:45px;height:49px;flex-shrink:0;display:grid;place-items:center;font:24px var(--serif);background:linear-gradient(145deg,#3d515a,#273b4d);border-radius:6px 14px 6px 6px;color:#b5d0c4;box-shadow:inset 0 0 0 1px #ffffff08}.song:nth-child(2) .song-emblem{color:#dac895;background:linear-gradient(145deg,#555347,#333f48)}.song:nth-child(3) .song-emblem{color:#c5bedb;background:linear-gradient(145deg,#49485e,#30394d)}.song:nth-child(4) .song-emblem{color:#dbb5a2;background:linear-gradient(145deg,#5e4945,#394047)}.song:nth-child(5) .song-emblem{color:#aad5cf;background:linear-gradient(145deg,#325d5b,#263e4c)}.song-info{flex:1}.song-info strong{display:block;font-size:14px;font-weight:500;letter-spacing:.4px}.song[aria-pressed=true] .song-info strong{color:var(--gold)}.song-info small{display:block;font-size:10px;color:#91a5b5;margin-top:4px}.song-level{display:flex;gap:3px;align-items:end;height:11px;margin:7px 0 1px}.song-level i{width:3px;background:#667c8b66;border-radius:1px;height:5px}.song-level i:nth-child(2){height:8px}.song-level i:nth-child(3){height:11px}.song-level i.filled{background:#b2bdab}.song-check{color:var(--gold);font-size:17px}.song-best{color:#9badb9;font-size:10px;position:absolute;bottom:12px;right:13px}.practice-tip{margin:22px 4px 0;display:flex;gap:11px;padding:17px 0 14px;border-top:1px solid var(--line)}.tip-icon{font:16px var(--serif);color:var(--gold);border:1px solid #dfc08840;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;flex-shrink:0}.practice-tip strong{font-size:12px;font-weight:500;color:#c5d1d7}.practice-tip p{font-size:11px;color:#90a4b4;margin:7px 0 0;line-height:1.9}.text-link{font-size:11px;color:#bdc7ca;padding:0 4px}.text-link span{margin-left:5px;color:var(--gold)}.mode-tabs{height:45px;display:flex;gap:26px;border-bottom:1px solid #ffffff0c;margin-bottom:15px}.mode-tabs button{display:flex;align-items:center;gap:8px;padding:0 4px 12px;color:#8fa3b4;font-size:13px;position:relative}.mode-tabs svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}.mode-tabs [aria-selected=true]{color:var(--gold)}.mode-tabs [aria-selected=true]:after{content:"";position:absolute;height:2px;background:var(--gold);bottom:-1px;left:0;right:0}.stage{height:546px;border:1px solid #7a98a838;overflow:hidden;border-radius:14px;position:relative;background:#1b3447;box-shadow:0 20px 70px #07172530}.landscape{position:absolute;inset:0;pointer-events:none}.landscape svg{width:100%;height:100%}.stage-top{position:absolute;inset:23px 26px auto;display:flex;justify-content:space-between;z-index:2;pointer-events:none}.stage-badge{display:inline-block;color:#bbcbbf;font-size:9px;letter-spacing:1px;padding:3px 8px;border:1px solid #b5cbbb30;border-radius:4px;background:#12273744}.stage-top h2{font:25px var(--serif);margin:10px 0 5px;letter-spacing:3px}.stage-top p{font-size:10px;color:#9db2c1;margin:0}.score-display{text-align:right}.score-display>span{font-size:9px;color:#a9becb;display:block;letter-spacing:1px}.score-display strong{display:block;font-size:25px;letter-spacing:3px;color:#ede4c8;font-weight:400;line-height:1.6;font-variant-numeric:tabular-nums}.score-display #combo{font-size:10px;color:var(--gold);letter-spacing:0}.playfield{position:absolute;left:14%;right:14%;top:120px;bottom:142px}.strings{position:absolute;inset:0;display:flex;justify-content:space-around;-webkit-mask-image:linear-gradient(transparent,#000 18%);mask-image:linear-gradient(transparent,#000 18%)}.strings i{height:100%;width:1px;background:linear-gradient(#d9c58e30,#e9d4a999);box-shadow:2px 0 4px #ffffff08}.strings .green-string{background:linear-gradient(#6ab19930,#96d0b0aa)}.judgment-line{position:absolute;left:-2%;right:-2%;height:1px;bottom:19px;background:#e3d4ac99;box-shadow:0 0 14px #efcd6755}.judgment-line span{position:absolute;left:-55px;top:-7px;font-size:9px;color:#adc1c7}.idle-message{position:absolute;inset:20px -12% 43px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#183143ec,#1c3547b8 48%,transparent 72%);text-align:center}.idle-symbol{font-size:36px;color:var(--gold);line-height:1.1}.idle-message h3{font:23px var(--serif);letter-spacing:2px;margin:10px 0 6px}.idle-message p{font-size:11px;color:#aebfc8;margin:0 0 21px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--gold);color:#293a40;border-radius:7px;min-height:42px;padding:10px 30px;font-size:13px;font-weight:600;box-shadow:0 3px 16px #0717251a}.primary-btn:hover{background:#edcf99}.primary-btn>span{font-size:10px}.listen-btn{font-size:11px;color:#b6c8cb;padding:10px 16px;margin-top:4px}.listen-btn:hover{color:var(--gold)}.plucking-board{position:absolute;left:14%;right:14%;bottom:57px;height:85px;display:flex;justify-content:space-around;z-index:3}.plucking-board:before{content:"";position:absolute;top:0;left:-8%;right:-8%;bottom:-1px;background:linear-gradient(#223e4f66,#223a48c9);border-top:1px solid #d4c09620;border-radius:50% 50% 0 0 / 20% 20% 0 0;pointer-events:none}.plucking-board button{position:relative;flex:1;padding:0 0 5px;display:flex;align-items:center;flex-direction:column;justify-content:center;touch-action:none;border-radius:5px;color:#e4d4ad;user-select:none;-webkit-user-select:none}.plucking-board button:hover{background:#ddc18a09}.plucking-board button.pressed{background:#dfc08827;box-shadow:0 -20px 40px #e2c68c1c}.bridge{position:absolute;top:-5px;left:calc(50% - 10px);width:20px;height:8px;border-bottom:2px solid #c3ac7d;clip-path:polygon(50% 0,100% 100%,0 100%);background:#9e866155}.note-name{font:27px var(--serif);line-height:1;margin:7px 0 6px;position:relative}.note-name small{font:9px var(--sans);position:absolute;right:-15px;bottom:1px;color:#95aab6}kbd{font:10px var(--sans);border:1px solid #a8c1cb28;border-radius:3px;color:#93aab7;min-width:19px;display:inline-block;line-height:17px;text-align:center}.key-green .note-name{color:var(--jade)}.key-green .bridge{border-color:#8ac4a5;background:#6e9d7955}.stage-progress{height:2px;position:absolute;bottom:52px;left:0;right:0;background:#162c3e33}.stage-progress>div{height:100%;width:0;background:var(--gold);transition:width .1s linear}.stage-bottom{position:absolute;bottom:0;left:23px;right:23px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#9db1bf}.stage-bottom button{font-size:10px;padding:7px}.stage-bottom kbd{font-size:9px;margin-left:5px;min-width:26px;line-height:14px}.settings{display:flex;align-items:center;gap:17px;margin-top:15px;padding:0 2px;font-size:11px;color:#95a9b9}.speed-control{display:flex;align-items:center;gap:12px}select{background:#1c2e42;border:1px solid #8ba5ba24;border-radius:5px;color:#d6dcd9;font-size:11px;padding:6px 24px 6px 10px}#bpm-display{font-size:10px;color:#96aabd;font-variant-numeric:tabular-nums}.switch{margin-left:auto;display:flex;align-items:center;gap:8px;cursor:pointer;position:relative}.switch input{position:absolute;opacity:0;width:28px;height:20px;left:0;top:0;margin:0}.switch input:focus-visible+span{outline:2px solid var(--gold);outline-offset:4px}.switch>span{width:27px;height:15px;border-radius:12px;background:#536370;position:relative;pointer-events:none}.switch>span:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#d1dad8;top:3px;left:3px;transition:transform .15s}.switch input:checked+span{background:#668f84}.switch input:checked+span:before{transform:translateX(12px)}.subtle-btn{border:1px solid #ffffff16;border-radius:5px;padding:5px 12px;color:#adbbc4;font-size:10px}.under-stage{display:flex;justify-content:center;gap:23px;color:#7e94a7;font-size:10px;margin-top:19px}.dot{width:4px;height:4px;border-radius:50%;display:inline-block;margin-right:7px;vertical-align:middle}.gold{background:var(--gold)}.jade{background:var(--jade)}.learning-note{display:flex;align-items:center;gap:18px;margin:34px 0 0;padding:22px 25px;border:1px solid #a7c2d014;border-radius:10px;background:#ffffff02}.mini-seal{font:24px var(--serif);color:#819c9d;width:32px;flex-shrink:0}.learning-note h2{margin:0;font:14px var(--serif);letter-spacing:1px;color:#c5d0d0}.learning-note p{font-size:11px;color:#8299ab;margin:7px 0 0}.learning-note button{margin-left:auto;color:#9bafb8;font-size:11px;white-space:nowrap}.learning-note button span{margin-left:16px}footer{max-width:1304px;margin:24px auto 26px;display:flex;justify-content:space-between;color:#71899b;font-size:10px}.footer-dot{margin:0 9px}footer a{color:#8fa5b2}.note-chip{position:absolute;width:42px;height:25px;border-radius:15px;transform:translate(-50%,-50%);display:grid;place-items:center;font:17px var(--serif);color:#263b45;background:#e2c893;box-shadow:0 0 15px #edce8526;border:1px solid #f2ddb580;will-change:top;pointer-events:none}.note-chip.lane-3{background:#97d8b9;border-color:#afe7cf}.note-chip.hit{display:none}#notes{position:absolute;inset:0;overflow:hidden;pointer-events:none}#feedback{position:absolute;top:35%;left:-20%;right:-20%;text-align:center;color:var(--gold);font:26px var(--serif);letter-spacing:3px;text-shadow:0 1px 16px #162d3e;pointer-events:none;z-index:5}#feedback small{display:block;font:10px var(--sans);letter-spacing:1px;margin-top:5px;color:#bccfcb}.countdown{position:absolute;inset:0;display:grid;place-items:center;font:80px var(--serif);color:var(--gold);text-shadow:0 0 25px #1b3046}.pause-overlay{position:absolute;z-index:8;inset:-7px -18% -16px;background:#142b3ded;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:10px;backdrop-filter:blur(5px)}.pause-overlay>span{font:23px var(--serif);margin-bottom:10px}.ear-controls{display:flex;gap:6px;margin-top:7px}.ear-controls .primary-btn{padding:9px 23px}.ear-controls button{min-height:38px}dialog{border:1px solid #809ba446;background:#203447;color:#e9ece4;border-radius:16px;padding:34px;max-width:540px;width:calc(100% - 28px);max-height:90dvh;box-shadow:0 30px 100px #0005;line-height:1.8}dialog::backdrop{background:#0a172bc9;backdrop-filter:blur(6px)}dialog h2{font:28px var(--serif);letter-spacing:2px;margin:10px 0 19px}dialog p{font-size:13px;color:#b0c0c9}.close-dialog{position:absolute;right:15px;top:9px;font-size:27px;color:#a9bbc4;padding:2px 9px}.dialog-eyebrow{font-size:10px;color:var(--gold);letter-spacing:1px}.guide-steps{padding-left:23px}.guide-steps li{padding-left:5px;margin:18px 0;color:var(--gold)}.guide-steps b{font-size:14px;font-weight:500;color:#e1e5d7}.guide-steps p{font-size:12px;margin:6px 0;line-height:1.9}.guide-aside{border-top:1px solid #ffffff12;padding-top:20px;margin:24px 0}.guide-aside strong{font-size:12px;color:#d3dddb}.guide-aside p{font-size:11px;margin:5px 0 15px}.guide-aside a{font-size:10px;color:var(--gold)}.result-stars{font-size:35px;letter-spacing:10px;color:var(--gold);margin-top:10px}.result-stars .empty{color:#637485}#result-dialog{text-align:center}#result-subtitle{font-size:12px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.result-grid>div{padding:12px 0;border-radius:7px;background:#142a3a77}.result-grid strong{display:block;font-size:24px;color:var(--gold);font-weight:500}.result-grid span{font-size:10px;color:#a9bdc6}.result-advice{background:#87b4a011;border:1px solid #87b4a020;border-radius:8px;padding:13px;text-align:left;line-height:1.9}.secondary-btn{padding:9px 23px;min-height:42px;border:1px solid #d9c59055;color:var(--gold);border-radius:6px;font-size:13px}.secondary-btn:hover{background:#dfc08812}.dialog-actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.muted{color:#91a8b7!important;font-size:11px!important}.history-item{border-top:1px solid #ffffff15;padding:17px 0;display:flex;justify-content:space-between;gap:15px}.history-item strong{font-size:13px;font-weight:500}.history-item span{display:block;font-size:10px;color:#91a7b5}.history-item b{color:var(--gold);font-size:17px;font-weight:500;text-align:right}.history-empty{text-align:center;padding:35px 10px;color:#91a7b5}.calibration-label{display:flex;justify-content:space-between;font-size:12px;margin:22px 0 12px;color:var(--gold)}#offset{width:100%;accent-color:var(--gold)}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#8fa7b5;margin:5px 0 25px}#offset-save{margin-left:10px}#toast{position:fixed;left:50%;bottom:35px;transform:translateX(-50%);padding:12px 22px;border:1px solid #dfc08855;border-radius:8px;background:#20394af5;color:#e5d7b7;font-size:12px;box-shadow:0 5px 25px #0003;z-index:30;max-width:90%;text-align:center}.noscript{text-align:center;color:var(--gold)}.stage.ear .strings,.stage.free .strings{opacity:.45}.stage.ear .judgment-line,.stage.free .judgment-line{opacity:.3}.stage.ear .idle-message,.stage.free .idle-message{background:radial-gradient(ellipse,#1c3547ed,transparent 75%)}.stage.free .idle-message{pointer-events:none;inset:28px -10% 30px}.stage.free .idle-symbol{font-size:48px}.stage.free #start-button,.stage.free #listen-button{display:none}.stage.active .stage-top p{opacity:.7}.rhythm-help{font-size:10px;color:var(--gold)}
@media(min-width:1500px){main,footer{max-width:1304px}.stage{height:585px}.playfield{top:130px}}
@media(max-width:1400px){main{padding:30px 42px 0}footer{margin:24px 42px}.site-header{padding:22px 42px}.workspace{grid-template-columns:262px minmax(0,1fr);gap:25px}.stage{height:510px}.playfield{top:112px}.intro{margin-bottom:24px}h1{font-size:32px}.song{min-height:80px;padding:12px}.song-emblem{width:41px;height:45px}.song[aria-pressed=true]:before{top:28px}}
@media(max-width:1050px){main{padding:25px 26px 0}.site-header{padding:20px 26px}.workspace{grid-template-columns:228px minmax(0,1fr);gap:20px}.stage{height:500px}.stage-top{inset:20px 19px auto}.stage-top h2{font-size:22px}.stage-top p{max-width:200px}.daily{display:none}.song-emblem{width:33px;height:41px;font-size:21px}.song{gap:10px}.song-info strong{font-size:13px}.song-info small{font-size:9px}.settings{gap:10px}.under-stage{gap:10px;font-size:9px}.headphone-note{display:none}.speed-control{gap:8px}.judgment-line span{left:-38px;font-size:8px}footer{margin:20px 26px}.practice-tip{margin-top:17px}}
@media(max-width:760px){.site-header{padding:15px 20px;gap:15px}.brand-name{font-size:23px}.brand-name>span{font-size:8px;letter-spacing:1px}.brand-seal{width:32px;height:36px;font-size:21px}.brand{gap:10px}.site-header nav{gap:17px}.site-header nav button{font-size:11px}.site-header #room-nav{display:none}.icon-btn{width:31px;height:31px;flex-shrink:0}main{padding:22px 16px 0}.intro{margin-bottom:21px}h1{font-size:27px;letter-spacing:1px;margin:7px 0}.intro-kicker{font-size:10px}.intro p{font-size:11px}.workspace{display:flex;flex-direction:column;gap:18px}.library{width:100%;padding:0}.library-heading{margin-bottom:10px}.library-heading h2{font-size:13px}.library-heading>span{font-size:10px}.song-list{flex-direction:row;overflow-x:auto;padding:0 1px 7px;gap:8px;scrollbar-width:thin;scrollbar-color:#677c8d33 transparent}.song{min-width:170px;width:170px;min-height:71px;gap:10px;padding:10px}.song[aria-pressed=true]:before{height:20px;top:25px}.song-emblem{width:34px;height:39px;font-size:21px}.song-info strong{font-size:12px}.song-level{margin-top:5px}.song-check{font-size:12px}.song-best{font-size:8px;bottom:10px}.practice-tip,.text-link{display:none}.play-area{width:100%}.mode-tabs{height:36px;gap:0;justify-content:space-around;margin-bottom:11px}.mode-tabs button{font-size:12px;padding:0 6px 10px;gap:6px}.mode-tabs svg{width:15px}.stage{height:510px;border-radius:11px}.stage-top{inset:18px 17px auto}.stage-top h2{font-size:23px}.stage-top p{font-size:9px;max-width:200px}.stage-badge{font-size:8px}.score-display strong{font-size:22px;letter-spacing:1px}.score-display>span{font-size:8px}.playfield{left:10%;right:10%;top:120px;bottom:144px}.plucking-board{left:10%;right:10%;bottom:57px}.judgment-line span{display:none}.idle-message h3{font-size:22px}.idle-message p{font-size:10px}.idle-message{inset:8px -9% 40px}.note-chip{width:34px;height:25px;font-size:16px}.note-name{font-size:26px}.note-name small{font-size:8px;right:-12px}.stage-bottom{left:15px;right:15px;font-size:9px}.settings{font-size:10px;gap:9px;flex-wrap:wrap;margin-top:13px}.settings select{font-size:10px;padding:5px 18px 5px 8px}.speed-control{gap:7px}.switch{gap:6px}#bpm-display{font-size:9px}.subtle-btn{font-size:9px;padding:5px 9px}.under-stage{justify-content:flex-start;gap:16px;font-size:9px;margin-top:14px}.under-stage>span:last-child{display:none}.learning-note{margin-top:24px;padding:17px;gap:10px}.learning-note h2{font-size:12px;line-height:1.7;letter-spacing:0}.learning-note p{font-size:10px;line-height:1.9}.learning-note button{display:none}.mini-seal{font-size:21px;width:23px}footer{margin:20px 16px 24px;font-size:9px;gap:10px;align-items:center}footer>span{max-width:50%}.footer-dot{margin:0 4px}dialog{padding:27px 23px}dialog h2{font-size:25px}.result-grid strong{font-size:22px}.dialog-actions .primary-btn,.dialog-actions .secondary-btn{padding:10px 20px}.stage.free .idle-message{inset:12px -8% 30px}.pause-overlay{inset:-7px -10% -16px}}
@media(max-width:380px){.site-header{padding:14px}.site-header nav{gap:12px}.site-header nav button{font-size:10px}.brand-name>span{display:none}.brand-name{font-size:21px}.intro h1{font-size:25px}.settings{gap:7px}.speed-control{gap:4px}.settings select{padding-right:8px}.subtle-btn{padding:5px 7px}.switch{gap:4px}.stage-top p{max-width:175px}.stage{height:490px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.language-toggle{font-size:11px;color:var(--gold);padding:6px 9px;border:1px solid #dfc08833;border-radius:5px}.site-header{gap:22px}html[lang=en] h1{font-size:31px;letter-spacing:0;max-width:760px}html[lang=en] .brand-name{font-size:24px;letter-spacing:1px}html[lang=en] .brand-name>span{font-size:9px;letter-spacing:.4px}html[lang=en] .idle-message h3{font-size:22px;letter-spacing:0}html[lang=en] .idle-message p{max-width:390px}html[lang=en] .stage-top h2{letter-spacing:0;font-size:24px}html[lang=en] .stage-top p{max-width:280px}html[lang=en] .tip-icon{font:10px var(--sans)}html[lang=en] .mini-seal{font:10px var(--sans)}html[lang=en] #bpm-display{white-space:nowrap}html[lang=en] .stage-top .stage-badge{letter-spacing:.2px}html[lang=en] .guide-steps li b{font-weight:600}
@media(max-width:760px){.site-header{gap:10px}.language-toggle{font-size:10px;padding:4px 6px}.site-header nav{gap:12px}html[lang=en] .brand-name{font-size:19px;letter-spacing:0}html[lang=en] .brand-name>span{max-width:85px;font-size:8px}html[lang=en] .brand-seal{display:none}html[lang=en] .site-header nav{gap:10px}html[lang=en] .site-header nav button{font-size:9px}html[lang=en] h1{font-size:27px;line-height:1.25;margin:10px 0}html[lang=en] .intro p{font-size:10px}html[lang=en] .stage-top h2{font-size:21px}html[lang=en] .stage-top p{max-width:180px}html[lang=en] .idle-message h3{font-size:21px}html[lang=en] .idle-message p{max-width:265px}html[lang=en] .stage-bottom{font-size:8px}html[lang=en] .settings{gap:7px}html[lang=en] .settings select{max-width:100px}html[lang=en] .switch{font-size:9px}html[lang=en] .under-stage{gap:12px;font-size:8px}html[lang=en] .learning-note h2{font-size:12px}.site-header nav{margin-left:auto}}