.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body[data-theme=ink]{--bg:#edeae0;--card:#f8f5ec;--ink:#17271e;--muted:#677066;--line:#c9cec0;--purple:#902f27;--soft:#e8e7dc;--green:#365d45;--red:#ae3029;--untyped:#717a6e;--seal:#902f27;--tabs:transparent}
body[data-theme=paper]{--bg:#f0e8d9;--card:#fffcf2;--ink:#342a20;--muted:#877764;--line:#d3c0a8;--purple:#b05528;--soft:#f1dfc7;--seal:#b05528;--tabs:transparent}
body[data-theme=night]{--bg:#080e22;--card:#101b33;--ink:#e1f8ff;--muted:#92aaca;--line:#273957;--purple:#5be8d1;--soft:#173447;--green:#60ddba;--red:#ff8ba9;--untyped:#90a9c5;--seal:#5be8d1;--tabs:#111c32;background-image:linear-gradient(#375d8c0c 1px,transparent 1px),linear-gradient(90deg,#375d8c0c 1px,transparent 1px),radial-gradient(ellipse at 80% 0%,#3449a62a,transparent 60%);background-size:36px 36px,36px 36px,100% 100%;background-attachment:fixed}
body[data-theme=lavender]{--bg:#f7eefa;--card:#fffbff;--ink:#4e315d;--muted:#9a789f;--line:#e5cfe8;--purple:#a04e9c;--soft:#f4deee;--green:#618b74;--red:#c34880;--untyped:#a07ea4;--seal:#a04e9c;--tabs:#efdfee;background-image:radial-gradient(ellipse at 85% 10%,#efbcd759,transparent 45%),radial-gradient(ellipse at 0% 60%,#d8b7ee45,transparent 50%);background-attachment:fixed}
header{justify-content:space-between;height:92px;gap:32px}.header-motto{font:12px/1.6 var(--serif);letter-spacing:3px;color:var(--muted)}nav{gap:34px}.nav{font-family:var(--serif);font-size:15px;letter-spacing:2px;color:var(--muted)}.nav.active:after{width:18px;height:3px;left:50%;transform:translateX(-50%) rotate(-5deg);bottom:20px;border-radius:0}.nav.active{color:var(--ink)}
.intro{overflow:hidden;min-height:300px;margin-bottom:26px;position:relative;align-items:center}.intro:before{display:none!important}.intro>div{position:relative;pointer-events:none}.intro h1{font:42px/1.55 'KaiTi','STKaiti',var(--serif);letter-spacing:5px;max-width:440px;margin:14px 0}.intro h1 em{display:block;color:var(--purple)}.intro p{max-width:365px;font-size:12px;line-height:2.1;letter-spacing:1px}.intro .eyebrow{font:11px/1.6 var(--serif);letter-spacing:5px}.wuxia-scene{display:none;position:absolute;bottom:-12px;right:-20px;width:95%;height:340px;pointer-events:none;z-index:0}body[data-theme=ink] .wuxia-scene{display:block}body[data-theme=ink] .intro h1{font-family:'KaiTi','STKaiti',var(--serif)}
.toolbar{margin-bottom:22px}.tabs,body.dark .tabs{padding:0;border:0;background:transparent;gap:25px;border-radius:0}.tabs button{padding:10px 3px;border-radius:0;background:transparent;position:relative;font-family:var(--serif);font-size:16px;letter-spacing:2px}.tabs button span{margin:0 8px 0 0;font-size:10px;opacity:.5}.tabs button.selected{box-shadow:none;background:none;color:var(--purple)}.tabs button.selected:after{content:'';height:2px;position:absolute;bottom:2px;left:0;right:0;background:var(--purple);clip-path:polygon(0 25%,94% 0,100% 70%,4% 100%)}
.badge{background:none;border-left:2px solid var(--seal);padding:1px 9px;border-radius:0;letter-spacing:2px;font-family:var(--serif);font-size:11px}.article-head h2{letter-spacing:1px}.practice-card{border-top:2px solid var(--ink);border-radius:0 0 3px 3px}.side-card,.import-card{border-radius:0}.side-title{letter-spacing:2px;font-family:var(--serif)}.keyboard-card{border-radius:0;border-width:1px 0;background:transparent}.input-wrap{background:var(--bg);border-radius:0}.stats{padding-top:5px}.stats span{letter-spacing:1px}.bottom-tip{font-family:var(--serif);letter-spacing:1px}
body[data-view]:not([data-view=practice]) .intro{display:none}.profile-banner{display:flex;align-items:center;gap:24px;padding:32px 0 34px;border-bottom:1px solid var(--line);margin-bottom:36px}.profile-banner h1{font:30px/1.6 var(--serif);margin:10px 0;letter-spacing:3px}.profile-banner h1 em{font-style:normal;color:var(--purple)}.profile-banner p{font-size:12px}.profile-seal{font:35px var(--serif);width:66px;height:76px;display:grid;place-items:center;border:1px solid var(--seal);outline:1px solid var(--seal);outline-offset:-6px;color:var(--seal);transform:rotate(-3deg)}.profile-caption{margin-left:auto;color:var(--muted);font:14px var(--serif);writing-mode:vertical-rl;letter-spacing:4px}
.profile-section-head{display:flex;align-items:center;gap:14px;margin:36px 0 20px}.section-index{font:21px var(--serif);color:var(--seal)}.profile-section-head h2{font:22px var(--serif);letter-spacing:3px}.profile-section-head p{margin-left:auto;font-size:11px;letter-spacing:1px}.profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 4px;border-bottom:1px solid var(--line)}.profile-metrics>div{display:flex;flex-direction:column;gap:8px}.profile-metrics span,.profile-metrics small{font-size:11px;color:var(--muted)}.profile-metrics strong{font-size:29px;font-weight:400;line-height:1.4}.profile-metrics b{font-weight:400}.profile-metrics strong small{font-size:10px;padding:0 5px}.profile-day{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:10px;color:var(--muted)}.profile-day .daily{margin:0;align-self:center;display:flex}.profile-preferences{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px 35px;border-block:1px solid var(--line);padding:15px 20px 20px}.profile-preferences .field{margin:0;grid-row:span 2}.profile-preferences .setting{margin:0}.profile-preferences .muted{grid-column:2/-1}.profile-history{margin-top:45px}.profile-history .section-head{border-top:1px solid var(--line);padding-top:24px}.profile-history h2{font-family:var(--serif);font-size:22px}
.theme-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.theme-card{text-align:left;background:var(--card);border:1px solid var(--line);padding:0 0 15px;border-radius:4px;overflow:hidden;transition:transform .2s,box-shadow .2s}.theme-card:hover{transform:translateY(-4px)}.theme-card[aria-pressed=true]{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.theme-preview{height:160px;display:block;position:relative;overflow:hidden}.theme-card-title,.theme-desc,.theme-current{display:block;margin:12px 15px 0}.theme-card-title{font:17px var(--serif);letter-spacing:1px}.theme-card-title i{float:right;font:10px monospace;font-style:normal;color:var(--muted)}.theme-desc{font-size:10px;color:var(--muted);line-height:1.8}.theme-current{font-size:10px;color:var(--purple);border-top:1px solid var(--line);padding-top:12px}.theme-preview b{position:absolute}.theme-preview i{position:absolute}
.theme-ink .theme-preview{background:#e7e4d9}.theme-ink .mini-mountain{bottom:-30px;right:-5px;width:90%;height:150px;background:#25392e;clip-path:polygon(0 100%,20% 51%,35% 72%,52% 11%,67% 55%,77% 38%,100% 100%);filter:drop-shadow(-25px -18px #68796d44)}.theme-ink .mini-sun{width:33px;height:33px;border-radius:50%;background:#983c2d;right:35px;top:24px}.theme-ink b{left:25px;top:30px;font:28px 'KaiTi',var(--serif);writing-mode:vertical-rl;letter-spacing:8px;color:#15261c}
.theme-paper .theme-preview{background:#f2e7d3;color:#593720;border-bottom:6px solid #b05528}.theme-paper b{top:22px;left:20px;font:bold 30px/.95 Georgia,serif;border-top:3px solid #593720;padding-top:8px;letter-spacing:-1px}.theme-paper .theme-preview i{bottom:15px;right:15px;font:9px var(--serif);font-style:normal}
.theme-night .theme-preview{background-color:#080e22;background-image:linear-gradient(#5be8d120 1px,transparent 1px),linear-gradient(90deg,#5be8d120 1px,transparent 1px);background-size:20px 20px;color:#5be8d1}.theme-night b{top:24px;left:20px;font:27px/1.3 Consolas,monospace;font-weight:400}.theme-night .theme-preview i{bottom:12px;left:20px;font:8px monospace;font-style:normal}
.theme-lavender .theme-preview{background:linear-gradient(135deg,#ead7f8,#f8d5e4);color:#89539a}.theme-lavender b{font:italic 30px/1 Georgia,serif;left:22px;top:32px}.theme-lavender .theme-preview i{width:140px;height:160px;background:linear-gradient(45deg,#dca2dc66,#fff7);border-radius:60% 40% 60% 40%;right:-24px;top:34px;transform:rotate(30deg)}
body[data-theme=paper] .intro{min-height:240px;border-bottom:3px double var(--ink);background:repeating-linear-gradient(0deg,transparent 0 29px,#b0552807 29px 30px)}body[data-theme=paper] .intro h1{font-family:var(--serif);font-weight:bold;letter-spacing:1px}body[data-theme=paper] .intro h1 em{display:inline;font-style:italic}body[data-theme=paper] .intro:after{content:'VOL. 01 / DAILY PRACTICE';position:absolute;right:20px;bottom:25px;font:11px Georgia,serif;writing-mode:vertical-rl;letter-spacing:3px;color:var(--purple)}body[data-theme=paper] .practice-card,body[data-theme=paper] .side-card{border-width:1px;border-radius:0;box-shadow:5px 5px 0 #a7805012}body[data-theme=paper] .nav.active{font-weight:bold}
body[data-theme=night] .brand,body[data-theme=night] .nav,body[data-theme=night] .tabs button,body[data-theme=night] .intro h1{font-family:'Segoe UI','Microsoft YaHei',sans-serif}body[data-theme=night] .intro{min-height:255px;padding:26px;border:1px solid var(--line);background:radial-gradient(ellipse at 85% 60%,#493d9a55,transparent 60%);border-left:3px solid var(--purple)}body[data-theme=night] .intro h1{font-size:35px;font-weight:650;max-width:600px;letter-spacing:1px}body[data-theme=night] .intro .eyebrow{font-family:Consolas,monospace;letter-spacing:2px}body[data-theme=night] .intro:after{content:'/// FOCUS MODE';position:absolute;bottom:24px;right:24px;font:10px Consolas,monospace;letter-spacing:2px;color:var(--purple)}body[data-theme=night] .practice-card,body[data-theme=night] .side-card,body[data-theme=night] .input-wrap{border-radius:0;border-color:var(--line)}body[data-theme=night] .stats strong{font-family:Consolas,monospace;color:var(--purple)}body[data-theme=night] .theme-card{border-radius:0}body[data-theme=night] .nav.active:after{background:var(--purple);width:40px}
body[data-theme=lavender] .intro{min-height:265px;padding:30px;border:0;background:linear-gradient(115deg,#f5deed,#e2d6f578);border-radius:26px;overflow:hidden}body[data-theme=lavender] .intro:after{content:'';width:245px;height:280px;position:absolute;right:30px;bottom:-90px;transform:rotate(-28deg);border:1px solid #a04e9c45;border-radius:60% 40% 65% 35%;box-shadow:25px -10px 0 #b58bd622,-22px -30px 0 #ffcbe633;pointer-events:none}body[data-theme=lavender] .intro h1{font-family:var(--serif);font-style:italic;font-size:36px;letter-spacing:2px}body[data-theme=lavender] .intro h1 em{display:inline}body[data-theme=lavender] .practice-card,body[data-theme=lavender] .side-card,body[data-theme=lavender] .import-card{border-radius:20px;border:1px solid var(--line);box-shadow:0 8px 26px #8d439208}body[data-theme=lavender] .input-wrap,body[data-theme=lavender] .theme-card{border-radius:14px}body[data-theme=lavender] .tabs button{font-style:italic}body[data-theme=lavender] .nav.active:after{width:6px;height:6px;border-radius:50%;transform:translateX(-50%)}
@media(max-width:1000px){.header-motto{display:none}.theme-gallery{grid-template-columns:repeat(2,1fr)}.intro h1{font-size:37px}.wuxia-scene{width:110%;right:-150px}.profile-metrics{gap:12px}.profile-metrics strong{font-size:25px}}
@media(max-width:700px){header{height:auto;min-height:105px;display:flex;flex-wrap:wrap;padding:15px 20px 0;gap:8px}.brand{font-size:23px}nav{width:100%;height:40px;margin:0;gap:0}.nav{font-size:13px}.nav.active:after{bottom:4px}.intro{min-height:270px;padding-top:16px}.intro h1{font-size:33px;max-width:290px;letter-spacing:3px}.intro p{max-width:220px;font-size:10px}.intro .eyebrow{font-size:9px;letter-spacing:3px}.wuxia-scene{width:185%;height:245px;right:-210px;bottom:0;opacity:.8}.intro h1 em{display:block}.tabs,body.dark .tabs{width:auto;gap:16px;background:transparent}.tabs button{font-size:14px;padding:8px 0;flex:none;letter-spacing:1px}.tabs button span{margin-right:4px}.toolbar{gap:10px}.timing{font-size:11px}.profile-banner{gap:18px;padding:20px 0;margin-bottom:20px}.profile-banner h1{font-size:23px;letter-spacing:1px}.profile-banner h1 em{display:block}.profile-caption{display:none}.profile-seal{width:52px;height:68px;flex-shrink:0}.profile-section-head{margin:28px 0 18px;flex-wrap:wrap;gap:10px}.profile-section-head h2{font-size:20px}.profile-section-head p{width:100%;margin:0;font-size:10px}.profile-metrics{grid-template-columns:repeat(2,1fr);gap:20px}.profile-day{flex-direction:column;gap:8px;align-items:flex-start}.profile-day .daily{align-self:flex-start;font-size:10px}.theme-gallery{gap:10px}.theme-preview{height:145px}.theme-card-title{font-size:15px}.theme-card-title,.theme-desc,.theme-current{margin-inline:11px}.theme-desc{font-size:9px}.profile-preferences{grid-template-columns:1fr;padding:18px}.profile-preferences .field{grid-row:auto}.profile-preferences .muted{grid-column:1}.profile-history .section-head{align-items:flex-start}.profile-history h2{font-size:20px}body[data-theme=night] .intro,body[data-theme=lavender] .intro{padding:23px;min-height:240px}body[data-theme=night] .intro h1,body[data-theme=lavender] .intro h1{font-size:27px}body[data-theme=night] .intro:after{font-size:8px;right:14px;bottom:15px}}