/* A working page: type, margins and rules, with no promotional header. */
body{--hand:'ReadingWenkai','KaiTi','STKaiti',serif;--radius:3px;--shadow:none}
body[data-theme=daily]{--bg:#faf9f6;--card:#fffefa;--ink:#292824;--muted:#77766f;--line:#dcdad2;--purple:#8e4b38;--soft:#f0ede5;--green:#436e50;--red:#b44336;--untyped:#72716a;--seal:#8e4b38;background:#faf9f6}
body:not([data-theme=inkstorm]){--serif:var(--hand)}
body:not([data-theme=inkstorm]) .intro{display:none}
body:not([data-theme=inkstorm])>header{max-width:1240px;margin:auto;height:100px;padding:0 35px;background:transparent;border-bottom:1px solid var(--ink);gap:34px}
body:not([data-theme=inkstorm])>header .brand{font-family:var(--hand);font-size:31px;letter-spacing:1px;gap:13px;font-weight:400}
body:not([data-theme=inkstorm]) .brand-en{display:none}
body:not([data-theme=inkstorm])>header .logo{font-family:var(--hand);width:28px;height:34px;font-size:21px}
body:not([data-theme=inkstorm])>header nav{gap:23px}
body:not([data-theme=inkstorm])>header .nav{font-family:var(--hand);font-size:17px;font-weight:400;padding:11px 0;letter-spacing:0;background:none;border-radius:0;color:var(--muted)}
body:not([data-theme=inkstorm])>header .nav.active,body:not([data-theme=inkstorm])>header .nav:hover{background:none;color:var(--ink);font-weight:400}
body:not([data-theme=inkstorm])>header .nav.active:after{display:block;position:absolute;bottom:3px;left:0;width:100%;height:1px;background:var(--purple);transform:none;border-radius:0}
.header-account{border:0;border-left:1px solid var(--line);border-radius:0;padding:0 0 0 22px;background:none;font-size:11px;line-height:1.5}.header-account>span{display:inline}
body:not([data-theme=inkstorm]) main{max-width:1240px;padding:20px 35px 0}
.work-top{margin:0 0 8px;min-height:28px}.work-label{font:11px/1.5 'Microsoft YaHei',sans-serif;letter-spacing:0;color:var(--muted)}
.quiet-button{font-size:11px;border:0;background:none;border-radius:0;padding:7px 8px}.work-tools{gap:12px}.quiet-button[aria-pressed=true]{background:var(--soft)}.reading-size{font-size:11px;padding:0 7px}.reading-size select{font-size:11px}
body:not([data-theme=inkstorm]) .toolbar{border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;padding:10px 0 15px;margin:0 0 29px}
body:not([data-theme=inkstorm]) #modes{gap:26px;background:none}
body:not([data-theme=inkstorm]) #modes button{font-family:var(--hand);font-size:19px;letter-spacing:0;border-radius:0;padding:4px 0;min-height:0;background:none}
body:not([data-theme=inkstorm]) #modes button.selected{background:none;color:var(--purple)}
body:not([data-theme=inkstorm]) #modes button.selected:after{display:block;position:absolute;bottom:-16px;left:0;right:0;height:2px;background:var(--purple);clip-path:none}
body:not([data-theme=inkstorm]) #modes button:not(.selected):hover{background:none;color:var(--ink)}
body:not([data-theme=inkstorm]) #modes button span{display:none}
body:not([data-theme=inkstorm]) .timing select{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:4px 6px;font-size:11px}
body:not([data-theme=inkstorm]) .workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:start}
body:not([data-theme=inkstorm]) .workspace>aside{grid-column:1;grid-row:1;display:block;border-right:1px solid var(--line);padding-right:25px;min-width:0}
body:not([data-theme=inkstorm]) .practice-card{grid-column:2;grid-row:1;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none;background:none;overflow:visible;min-width:0}
body:not([data-theme=inkstorm]) .article-head{order:0;padding:2px 0 20px;align-items:flex-start;gap:20px}
body:not([data-theme=inkstorm]) .article-head>div:first-child{gap:8px 10px}
body:not([data-theme=inkstorm]) .article-head h2{font:31px/1.5 var(--hand);letter-spacing:0;font-weight:400;margin:2px 0}
body:not([data-theme=inkstorm]) .article-head .badge{border:0;padding:0;color:var(--muted);font:11px/1.5 'Microsoft YaHei',sans-serif;letter-spacing:0}
.article-tools{gap:10px}.session-pill{display:none}.article-tools .text-button{font-size:11px;color:var(--muted);padding-top:7px}
body:not([data-theme=inkstorm]) .progress-track{order:1;margin:0;height:1px;background:var(--line);border-radius:0}
body:not([data-theme=inkstorm]) .text-wrap{order:2;padding:25px 0 8px;height:257px;scrollbar-width:thin}
body:not([data-theme=inkstorm]) #textDisplay{font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-size:23px;line-height:2.15;letter-spacing:1px;color:var(--untyped)}
body:not([data-theme=inkstorm]) .stats{order:3;display:flex;justify-content:flex-start;gap:27px;margin:13px 0 23px;padding:15px 0;border:0;border-block:1px solid var(--line);border-radius:0;background:transparent}
body:not([data-theme=inkstorm]) .stats>div{padding:0;border:0;display:flex;flex-wrap:nowrap;align-items:baseline;gap:7px}
body:not([data-theme=inkstorm]) .stats span{width:auto;white-space:nowrap;font-size:10px;letter-spacing:0;margin:0}
body:not([data-theme=inkstorm]) .stats strong,body:not([data-theme=inkstorm]) .stats #time{font:20px/1.3 'Segoe UI',sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--ink)}
body:not([data-theme=inkstorm]) .stats small{font-size:9px}
body:not([data-theme=inkstorm]) .input-wrap{order:4;margin:0;padding:14px 17px 12px;border:1px solid var(--line);border-radius:2px;background:color-mix(in srgb,var(--card) 70%,transparent);box-shadow:none}
body:not([data-theme=inkstorm]) .input-wrap:focus-within{box-shadow:none;background:var(--card);border-color:var(--purple)}
.input-tip{display:none}body:not([data-theme=inkstorm]) #textInput{height:84px;font:18px/1.9 'Microsoft YaHei','PingFang SC',sans-serif;letter-spacing:0}
body:not([data-theme=inkstorm]) .practice-footer{order:5;padding:17px 0;border:0;background:none;font-size:11px}
body:not([data-theme=inkstorm]) .practice-footer button{font-size:11px;border-radius:2px;padding:7px 10px;background:transparent}
body:not([data-theme=inkstorm]) #finish{background:none;color:var(--ink);border-color:var(--line)}
body:not([data-theme=inkstorm]) .side-card{display:block;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.side-title{font:17px/1.5 var(--hand);letter-spacing:0;margin-bottom:15px}.side-title>span{display:none}
body:not([data-theme=inkstorm]):not([data-practice-mode=learn]) .side-card>.field{display:none}
.article-index{max-height:315px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;margin-right:-8px;padding-right:8px}
.index-entry{display:flex;gap:10px;width:100%;padding:9px 0;text-align:left;align-items:baseline;border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent);border-radius:0;background:none;color:var(--muted);font:13px/1.7 'Microsoft YaHei',sans-serif}
.index-entry small{font:10px/1.7 'Segoe UI',sans-serif;color:var(--muted);opacity:.6;flex:none}.index-entry span{overflow-wrap:anywhere}.index-entry[aria-pressed=true],.index-entry:hover{color:var(--purple);background:none}.index-entry[aria-pressed=true] span{font-weight:600}
.browse-content{justify-content:flex-start;padding:12px 0 0;border:0;margin-top:8px;font-size:11px}.goal-note{font-size:10px;line-height:1.9;margin-top:17px;padding-top:13px}
body:not([data-theme=inkstorm]) .import-card{display:block;margin:22px 0 0;padding:18px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none;transform:none}
.import-card .import-icon{display:none}.import-card strong{display:block;font:17px/1.5 var(--hand)}.import-card>span:not(.import-icon){display:block;font-size:10px;margin-top:7px}.import-card>b{display:block;font-size:11px;margin-top:10px}
body:not([data-theme=inkstorm]) .workspace>aside .learn-entry{padding:19px 0 0;margin:21px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.workspace>aside .learn-entry>span{display:none}.workspace>aside .learn-entry strong{font:17px/1.5 var(--hand)}.workspace>aside .learn-entry p{font-size:10px;line-height:1.9}.workspace>aside .learn-entry button{width:auto;padding:0;background:none;border:0;font-size:11px;border-radius:0;margin-top:7px}
body:not([data-theme=inkstorm]) .keyboard-card{margin:36px 0 0 256px;padding:20px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.keyboard-header>span:first-child{font:17px var(--hand)}.keyboard-header small{font:10px 'Microsoft YaHei',sans-serif;letter-spacing:0}#keyboard{max-width:690px}#keyboard .key{border-radius:3px;box-shadow:none;background:var(--card)}
.session-shortcut{display:none}.bottom-tip{font-family:'Microsoft YaHei',sans-serif;letter-spacing:0;font-size:10px;color:var(--muted);margin:12px 0 30px}
/* Lists and forms, rather than tiles. */
.catalog-dialog{width:820px;max-width:94vw;padding:28px;border-radius:4px}.catalog-dialog .dialog-head h2{font:27px/1.5 var(--hand)}.catalog-search{border-radius:2px;background:var(--bg);padding:11px 13px}
.catalog-tabs{gap:25px;padding:0;border-bottom:1px solid var(--line)}.catalog-tabs button{font:17px/1.5 var(--hand);border-radius:0;padding:9px 0;background:none;color:var(--muted)}.catalog-tabs button[aria-pressed=true]{background:none;color:var(--ink);border-bottom:2px solid var(--purple)}
.catalog-filters button{border:0;border-radius:0;padding:2px 8px;background:none}.catalog-filters button[aria-pressed=true]{background:var(--soft)}.catalog-count{font-size:10px;margin:15px 0 6px}
.catalog-list{display:block;max-height:48vh;padding:0 7px 0 0}.catalog-item{display:grid;grid-template-columns:62px minmax(0,1fr) 110px;column-gap:15px;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:19px 7px;background:none;box-shadow:none;transform:none}
.catalog-item:hover{background:var(--soft);box-shadow:none;transform:none}.catalog-item[data-current=true]{background:color-mix(in srgb,var(--soft) 55%,transparent)}.catalog-item-meta{grid-column:1;grid-row:1/3;display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:7px;font-size:9px;letter-spacing:0;margin:0}.catalog-item-meta>span:last-child{font:16px/1.5 'Segoe UI',sans-serif}
.catalog-item strong{grid-column:2;grid-row:1;font:21px/1.5 var(--hand);margin:0}.catalog-excerpt{grid-column:2;grid-row:2;font-size:11px;line-height:1.8;-webkit-line-clamp:1;margin:6px 0 0}.catalog-item-bottom{grid-column:3;grid-row:1/3;border:0;padding:0;margin:0;justify-content:flex-end;gap:10px}.catalog-item-bottom small{font-size:9px}.catalog-item-bottom svg{width:15px}
.studio-empty,.library-grid>.empty{border:0;background:none;padding:65px 20px}.studio-empty h3,.library-grid>.empty h3{font:24px/1.5 var(--hand)}.studio-empty p,.library-grid>.empty p{font-size:12px}
.profile-banner{padding:15px 0 22px;margin-bottom:0;gap:20px;border:0}.profile-banner h1{font:32px/1.5 var(--hand);letter-spacing:0;margin:0}.profile-banner .eyebrow,.profile-caption,.profile-seal{display:none}.profile-banner p:empty{display:none}
.profile-tabs{max-width:none;gap:34px;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;margin-bottom:30px}.profile-tabs button{flex:none;border-radius:0;padding:9px 0 13px;background:none;color:var(--muted);font:18px/1.5 var(--hand)}.profile-tabs button[aria-selected=true]{color:var(--ink);background:none;box-shadow:inset 0 -2px var(--purple)}.profile-tabs button:not([aria-selected=true]):hover{background:none;color:var(--ink)}
.profile-section-head h2{font:24px/1.5 var(--hand);letter-spacing:0}.profile-section-head .section-index{display:none}.profile-section-head p{font-size:10px}.profile-section-head p:empty{display:none}
body:not([data-theme=inkstorm]) .time-summary{display:flex;gap:0;border-block:1px solid var(--line);padding:24px 0;background:none;margin:0 0 24px}
body:not([data-theme=inkstorm]) .time-summary>div,body:not([data-theme=inkstorm]) .time-summary>div:first-child{flex:1;border:0;border-right:1px solid var(--line);border-radius:0;padding:0 25px;background:none;box-shadow:none;color:var(--ink)}
body:not([data-theme=inkstorm]) .time-summary>div:first-child{padding-left:0}body:not([data-theme=inkstorm]) .time-summary>div:last-child{border-right:0}
body:not([data-theme=inkstorm]) .time-summary>div:first-child span{color:var(--muted)}body:not([data-theme=inkstorm]) .time-summary>div:first-child strong{color:var(--ink)}
.time-summary strong{font:22px/1.5 'Segoe UI','Microsoft YaHei',sans-serif;letter-spacing:0;font-style:normal}.time-summary span{font:11px/1.5 'Microsoft YaHei',sans-serif;letter-spacing:0}
.profile-metrics{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:5px 0 25px;background:none;box-shadow:none}.profile-metrics>div{border:0}.profile-metrics strong{font:29px/1.4 'Segoe UI',sans-serif;font-style:normal}.profile-day{padding:17px 0;font-size:10px}
.activity-card{padding:20px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.activity-heading{font:21px/1.5 var(--hand)}.activity-track i{border-radius:0}.activity-bars{gap:30px}
.profile-pane>.learn-entry{padding:0 0 20px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.profile-pane>.learn-entry>span{display:none}.profile-pane>.learn-entry strong{font-size:13px}.profile-pane>.learn-entry button{border:0;background:none;color:var(--purple)}
.theme-gallery{gap:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.theme-daily,.theme-inkstorm{grid-column:auto}.theme-card{padding:0 0 17px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none;transform:none}.theme-card:hover{box-shadow:none;transform:none}.theme-card[aria-pressed=true]{box-shadow:none;border-bottom:2px solid var(--purple)}.theme-preview,.theme-daily .theme-preview,.theme-inkstorm .theme-preview{height:165px;border:1px solid var(--line);border-radius:2px}.theme-card-title,.theme-daily .theme-card-title,.theme-inkstorm .theme-card-title{font:25px/1.5 var(--hand);letter-spacing:0;margin:12px 0 0}.theme-card-title i{display:none}.theme-desc{font-size:10px;line-height:1.8;margin:5px 0 0}.theme-current{font-size:10px;margin:12px 0 0;padding:0;border:0}.theme-current:after{display:none}.default-theme-tag{border:0;border-radius:0;font:11px/1.5 var(--hand);background:transparent;color:#685d4a;right:10px;top:9px}.theme-daily .theme-preview{background:#f1eee6}.daily-mini{inset:24px 29px 20px;transform:none;border-radius:0;box-shadow:0 2px 5px #00000008;background:#fffdf7}.daily-mini-nav{background:#e8e3d8}.daily-mini-title{background:#6c6254}.daily-mini-side{background:#eeebe3;border-radius:0}.daily-mini-lines{top:75px;height:35px}.daily-mini-stats{top:51px;height:15px;background:repeating-linear-gradient(90deg,#dfdcd2 0 21%,transparent 21% 26%)}
.theme-preview b{font-family:var(--hand)!important;font-style:normal!important;font-weight:400!important;letter-spacing:0!important}.theme-preview>i:not(.mini-sun):not(.mini-mountain):not(.daily-mini){font-family:var(--hand)}
.sound-studio{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 25px;background:none;box-shadow:none}.sound-studio h3{font:23px/1.5 var(--hand);font-weight:400}.sound-studio p{font-size:12px}.sound-packs{gap:0;border-block:1px solid var(--line);margin:22px 0}.sound-pack{padding:19px 17px!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;background:none!important;box-shadow:none!important;transform:none!important}.sound-pack:last-child{border-right:0!important}.sound-pack:hover{background:var(--soft)!important}.sound-pack[aria-pressed=true]{background:var(--soft)!important;box-shadow:inset 0 -2px var(--purple)!important}.sound-pack .switch-shape{width:27px;height:26px;border-radius:2px;margin:3px 0 15px;transform:none;box-shadow:none;border-bottom-width:2px}.sound-pack .switch-shape:after{width:11px;height:10px;border-width:2px;margin:5px auto}.sound-pack b{font:22px/1.5 var(--hand);margin:0}.sound-pack small{display:none}.sound-pack .switch-note{font-size:10px;margin-top:7px}.sound-try input{border-radius:2px;background:none;font-size:13px}.sound-controls{border:0;padding-top:0}
.profile-preferences{padding:20px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.account-panel{padding:0 0 25px;border:0;border-radius:0;background:none;box-shadow:none}.account-top h2{font:26px/1.5 var(--hand)}.account-avatar{border-radius:2px;font-family:var(--hand)}.account-panel input{border-radius:2px;background:var(--card)}
.library-grid{display:block}.library-item{padding:25px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}.library-item h2{font:25px/1.5 var(--hand)}.library-item>div{justify-content:flex-start;gap:13px;border:0;padding:0;margin-top:13px}.library-item p{max-width:720px}.library-item button{border-radius:2px}
#listening>.section-head,#library>.section-head{padding:15px 0 20px}.section-head h2{font:29px/1.5 var(--hand)}.section-head p{font-size:12px}.listen-tabs{padding:0;background:none!important;border:0;border-bottom:1px solid var(--line);border-radius:0;gap:25px}.listen-tabs button{padding:10px 0;border-radius:0;font:19px/1.5 var(--hand)}.listen-tabs button.selected{background:none;color:var(--ink);box-shadow:inset 0 -2px var(--purple)}.listen-card{border-radius:2px;box-shadow:none;padding:23px}.listen-card h3{font:23px/1.5 var(--hand)}.ncm-member-card{border-radius:2px;box-shadow:none}.listen-card input,.listen-card button,.music-service-strip,.local-audio{border-radius:2px}.music-service-strip{background:none}.music-scroll h3{font-size:18px}
dialog:not(#themePreviewDialog){border-radius:3px;box-shadow:0 15px 60px #00000025}dialog::backdrop{backdrop-filter:none;background:#15191555}.dialog-head h2{font:27px/1.5 var(--hand)}.dialog-head .eyebrow{display:none}.dialog-actions button{border-radius:2px}#resultDialog .stats{margin:0;gap:20px;flex-wrap:wrap}#resultDialog .stats>div{flex-direction:column;gap:5px}#resultDialog #resultStats{border-bottom:1px solid var(--line)}#errors{background:transparent;border-radius:0;padding:18px 0;font-size:12px}.upload,#customText{border-radius:2px}.ui-reference{font-size:10px}
body:not([data-theme=inkstorm]) .learning-hero{padding:17px 0 26px;grid-template-columns:1fr 230px;gap:40px;border-bottom:1px solid var(--line)}
.learning-hero .eyebrow{display:none}.learning-hero h1{font:34px/1.5 var(--hand);letter-spacing:0;margin:0 0 12px}.learning-hero p{font-size:13px;max-width:580px;line-height:1.9}.learning-progress{padding:0 0 0 25px;border:0;border-left:1px solid var(--line);border-radius:0;background:none;box-shadow:none;min-width:0}.learning-progress:before{display:none}.learning-progress strong{font:39px/1 'Segoe UI',sans-serif}.learning-progress button{font-size:12px;border-radius:2px}.learning-progress small{font-size:10px}
.stage-nav{gap:25px;margin:25px 0}.stage-stop{grid-template-columns:24px 1fr;gap:2px 10px;padding:9px 0 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.stage-stop:after{display:none}.stage-number{font:16px/1.5 'Segoe UI',sans-serif;width:auto;height:auto;display:block;background:none;border-radius:0}.stage-stop[data-complete=true] .stage-number{background:none;color:var(--green)}.stage-stop strong{font:18px/1.5 var(--hand)}.stage-stop small{font-size:10px}
.learning-intro{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0 23px;background:none}.learning-intro summary{font:19px/1.5 var(--hand);font-weight:400;letter-spacing:0}.course-readiness label{background:none;border:0;padding:6px 0;border-radius:0}.course-readiness label:has(input:checked){background:none}.course-ready-form button,.learning-intro button{border-radius:2px;font-size:12px}
.course-layout{gap:45px;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.course-stage{border:0;padding:0;margin-bottom:30px}.course-stage-head{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:0}.course-stage-head:before{display:none}.course-stage-head h2{font:23px/1.5 var(--hand)}.course-stage-head b{font:11px/1.5 'Segoe UI',sans-serif}
.course-lesson{padding:15px 10px;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;background:none;transform:none}.course-lesson:hover{transform:none;background:var(--soft)}.course-lesson[aria-pressed=true]{background:var(--soft);box-shadow:inset 2px 0 var(--purple);border-color:var(--line)}.course-lesson-index{font:16px/1.5 'Segoe UI',sans-serif}.course-lesson strong{font:18px/1.5 var(--hand);font-weight:400}.course-lesson small{font-size:10px}.course-lesson-mark{font-size:10px}
.course-preview{padding:5px 0 20px 30px;border:0;border-left:1px solid var(--line);border-radius:0;background:none;box-shadow:none}.course-preview h2{font:29px/1.5 var(--hand)}.course-preview .eyebrow{font:11px/1.6 'Microsoft YaHei',sans-serif;letter-spacing:0;color:var(--muted)}.course-preview li:before{font-family:'Segoe UI',sans-serif}.course-rule{background:none;border:0;padding:10px 0;border-block:1px solid var(--line);border-radius:0}.course-sample{border:0;border-bottom:1px solid var(--line);padding:14px 0;border-radius:0;background:none;font-family:'Microsoft YaHei',sans-serif}.course-preview button.primary{border-radius:2px}.practice-coach{border-radius:2px;box-shadow:none;border-width:0 0 1px;padding:0 0 20px;background:none}.coach-top h2{font:26px/1.5 var(--hand)}
button.primary:hover{box-shadow:none}.view-arriving{animation:none}.char.current:before{animation:none}.brand-signature{font-family:var(--hand);font-size:15px;letter-spacing:0}.eyebrow{letter-spacing:0}
body[data-theme=inkstorm] .article-index{display:none}body[data-theme=inkstorm] .side-card>.field{display:block}body[data-theme=inkstorm] .catalog-item strong,body[data-theme=inkstorm] .theme-card-title{font-family:var(--brush);font-size:29px}body[data-theme=inkstorm] .stats strong,body[data-theme=inkstorm] .stats>div:first-child strong,body[data-theme=inkstorm] .time-summary strong{font-family:'Segoe UI',sans-serif;font-style:normal;letter-spacing:0}
body[data-theme=night]:not([data-theme=inkstorm]) .stats strong{font-family:'Segoe UI',sans-serif}body[data-theme=lavender] .course-preview{border-top:0;border-radius:0}body[data-theme=paper] .course-preview{background-image:none}
body.studio-focus:not([data-theme=inkstorm]) .keyboard-card{margin-left:0}body.studio-focus:not([data-theme=inkstorm]) .work-top{border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--bg);padding:10px 0}body.studio-focus:not([data-theme=inkstorm]) .text-wrap{height:33vh;min-height:240px}body.studio-focus:not([data-theme=inkstorm]) .workspace{display:block}
@media(max-width:1100px){body:not([data-theme=inkstorm])>header{gap:23px;padding-inline:25px;height:88px}body:not([data-theme=inkstorm])>header nav{gap:19px}body:not([data-theme=inkstorm])>header .nav{font-size:16px}body:not([data-theme=inkstorm]) main{padding-inline:25px}body:not([data-theme=inkstorm]) .workspace{grid-template-columns:185px minmax(0,1fr);gap:25px}body:not([data-theme=inkstorm]) .workspace>aside{padding-right:20px}body:not([data-theme=inkstorm]) .keyboard-card{margin-left:210px}body:not([data-theme=inkstorm]) .stats{gap:17px;flex-wrap:wrap}body:not([data-theme=inkstorm]) .stats>div{gap:5px}body:not([data-theme=inkstorm]) .stats strong,body:not([data-theme=inkstorm]) .stats #time{font-size:19px}.theme-gallery{gap:22px}.theme-preview,.theme-daily .theme-preview,.theme-inkstorm .theme-preview{height:145px}.course-layout{gap:25px}.course-preview{padding-left:22px}}
@media(max-width:850px){body:not([data-theme=inkstorm]) .workspace{display:flex;flex-direction:column;gap:25px}body:not([data-theme=inkstorm]) .practice-card{width:100%;order:0}body:not([data-theme=inkstorm]) .workspace>aside{width:100%;order:1;display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;padding:22px 0 0;border-right:0;border-top:1px solid var(--line)}body:not([data-theme=inkstorm]) .article-index{display:none}body:not([data-theme=inkstorm]):not([data-practice-mode=learn]) .side-card>.field{display:block}body:not([data-theme=inkstorm]) .workspace>aside .learn-entry,body:not([data-theme=inkstorm]) .import-card{margin:0;padding:0;border:0}body:not([data-theme=inkstorm]) .keyboard-card{margin-left:0}body:not([data-theme=inkstorm]) .stats{flex-wrap:nowrap;justify-content:space-between}.theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-inkstorm,.theme-daily{grid-column:auto}.profile-tabs{gap:30px}.time-summary strong{font-size:19px}.stage-stop strong{font-size:16px}.catalog-item{grid-template-columns:55px minmax(0,1fr) 105px}}
@media(max-width:700px){body:not([data-theme=inkstorm])>header{display:grid;grid-template-columns:1fr auto;gap:12px 20px;height:auto;min-height:100px;padding:17px 18px 0;margin:0 18px;padding-inline:0}body:not([data-theme=inkstorm])>header .brand{font-size:29px}body:not([data-theme=inkstorm])>header nav{height:38px;gap:14px;justify-content:space-between;grid-row:2;grid-column:1/-1;overflow-x:auto}body:not([data-theme=inkstorm])>header .nav{font-size:15px;white-space:nowrap;padding:2px 0 12px}body:not([data-theme=inkstorm])>header .nav.active:after{bottom:0}.header-account{padding-left:15px;font-size:10px}body:not([data-theme=inkstorm]) main{padding:17px 18px 0}.work-top{gap:5px;margin-bottom:7px;flex-wrap:wrap}.work-label{font-size:10px;width:auto}.work-tools{gap:5px;width:auto}.quiet-button{padding:6px;font-size:10px}.quiet-button>.ui-icon{display:none}.reading-size{padding:0 2px}.reading-size select{font-size:10px}body:not([data-theme=inkstorm]) .toolbar{gap:12px;padding:10px 0 15px;margin-bottom:24px;align-items:center}body:not([data-theme=inkstorm]) #modes{gap:22px;width:auto}body:not([data-theme=inkstorm]) #modes button{font-size:18px;flex:none;padding:2px 0}body:not([data-theme=inkstorm]) #modes button.selected:after{bottom:-16px}body:not([data-theme=inkstorm]) .timing{width:auto;font-size:10px;gap:7px;margin-left:auto}body:not([data-theme=inkstorm]) .timing>span{display:none}body:not([data-theme=inkstorm]) .timing select{font-size:10px}body:not([data-theme=inkstorm]) .article-head{padding:0 0 15px;gap:14px}body:not([data-theme=inkstorm]) .article-head h2{font-size:29px}body:not([data-theme=inkstorm]) .article-head .badge,body:not([data-theme=inkstorm]) .article-head .muted{font-size:10px}body:not([data-theme=inkstorm]) .text-wrap{height:245px;padding:20px 0 7px}body:not([data-theme=inkstorm]) #textDisplay{font-size:21px;line-height:2.1;letter-spacing:.7px}body:not([data-theme=inkstorm]) .stats{gap:10px;margin:12px 0 20px;padding:13px 0;flex-wrap:wrap;justify-content:space-between}body:not([data-theme=inkstorm]) .stats>div{display:flex;flex-direction:column;gap:5px;position:relative;padding:0;min-width:55px}body:not([data-theme=inkstorm]) .stats span{font-size:9px}body:not([data-theme=inkstorm]) .stats strong,body:not([data-theme=inkstorm]) .stats #time{font-size:22px}body:not([data-theme=inkstorm]) .stats small{font-size:8px}body:not([data-theme=inkstorm]) .stats>div:first-child>small{display:none}body:not([data-theme=inkstorm]) .input-wrap{padding:12px 13px;margin:0}body:not([data-theme=inkstorm]) #textInput{font-size:17px}body:not([data-theme=inkstorm]) .practice-footer{padding:14px 0;gap:10px}.practice-footer button{margin-left:3px}body:not([data-theme=inkstorm]) .workspace>aside{gap:20px;grid-template-columns:1fr 1fr}body:not([data-theme=inkstorm]) .keyboard-card{padding:20px 0;margin-top:25px}.side-title{font-size:18px}.profile-banner{padding-top:10px}.profile-banner h1{font-size:30px}.profile-tabs{gap:30px;margin-bottom:25px}.profile-tabs button{font-size:18px;padding:10px 0}.profile-section-head h2{font-size:23px}.profile-section-head p{font-size:10px}.profile-pane>.learn-entry{padding:0 0 18px}body:not([data-theme=inkstorm]) .time-summary{display:block;padding:0}body:not([data-theme=inkstorm]) .time-summary>div,body:not([data-theme=inkstorm]) .time-summary>div:first-child{padding:17px 0;border:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}body:not([data-theme=inkstorm]) .time-summary>div:last-child{border-bottom:0}.time-summary strong{font-size:18px}.profile-metrics{padding:0 0 20px;gap:21px}.profile-metrics strong{font-size:27px}.activity-bars{gap:15px}.theme-gallery{gap:22px 16px}.theme-preview,.theme-daily .theme-preview,.theme-inkstorm .theme-preview{height:130px}.theme-card-title,.theme-daily .theme-card-title,.theme-inkstorm .theme-card-title{font-size:24px;margin:10px 0 0}.theme-desc{font-size:9px}.theme-current{font-size:10px}.daily-mini{inset:22px 18px 15px}.daily-mini-lines{height:22px;top:67px}.daily-mini-side{right:8px;top:30px;width:18%;bottom:14px}.default-theme-tag{top:3px;right:5px;font-size:9px}.sound-studio{padding:0 0 20px}.sound-packs{grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:0}.sound-pack{padding:18px 13px!important;border-bottom:1px solid var(--line)!important}.sound-pack:nth-child(2n){border-right:0!important}.sound-pack:last-child{grid-column:span 2}.sound-pack b{font-size:23px}.sound-try input{padding:13px}.account-panel{padding:0}.section-head h2{font-size:27px}body:not([data-theme=inkstorm]) .learning-hero{grid-template-columns:1fr;gap:22px;padding:12px 0 23px}.learning-hero h1{font-size:32px;margin-bottom:10px}.learning-hero p{font-size:12px}.learning-progress{border:0;padding:15px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:5px 24px;border-top:1px solid var(--line)}.learning-progress strong{font-size:33px}.stage-nav{gap:10px 20px;grid-template-columns:1fr 1fr}.stage-stop{padding:5px 0 12px;grid-template-columns:20px 1fr}.stage-stop strong{font-size:18px}.course-layout{display:flex;gap:25px;flex-direction:column-reverse}.course-preview{border:0;border-bottom:1px solid var(--line);padding:0 0 25px}.course-preview h2{font-size:28px}.course-stage-head h2{font-size:24px}.course-lesson strong{font-size:19px}.course-lesson{padding:14px 8px}.catalog-dialog{padding:22px 18px;max-width:96vw}.catalog-dialog .dialog-head h2{font-size:25px}.catalog-tabs{gap:22px}.catalog-tabs button{font-size:17px}.catalog-item{grid-template-columns:35px minmax(0,1fr);gap:5px 12px;padding:15px 5px}.catalog-item-meta{grid-column:1;grid-row:1/4;gap:5px}.catalog-item-meta>span:last-child{font-size:14px}.catalog-item-meta>span:first-child{font-size:8px}.catalog-item strong{grid-column:2;font-size:22px}.catalog-excerpt{grid-column:2;font-size:10px;line-height:1.8;margin-top:2px}.catalog-item-bottom{grid-column:2;grid-row:3;justify-content:space-between;margin-top:6px}.catalog-item-bottom small{font-size:9px}.catalog-item-bottom svg{width:13px}.learning-intro summary{font-size:21px}body[data-theme=inkstorm] .catalog-item strong{font-size:27px}.studio-focus .work-tools{width:100%;justify-content:space-between}}
@media(max-width:380px){body:not([data-theme=inkstorm])>header nav{gap:10px}body:not([data-theme=inkstorm])>header .nav{font-size:14px}body:not([data-theme=inkstorm]) #modes{gap:17px}body:not([data-theme=inkstorm]) #modes button{font-size:17px}.work-label{width:100%;margin-bottom:4px}.work-tools{width:100%;justify-content:space-between}.theme-gallery{grid-template-columns:1fr 1fr}.theme-card-title,.theme-daily .theme-card-title,.theme-inkstorm .theme-card-title{font-size:21px}.profile-tabs{gap:25px}.catalog-tabs{gap:18px}.catalog-tabs button{font-size:16px}}

body:not([data-theme=inkstorm])[data-practice-kind=keys] #textDisplay,body:not([data-theme=inkstorm])[data-practice-kind=keys] #textInput{font-family:Consolas,'Courier New',monospace;letter-spacing:.6px}