@font-face{font-family:Manrope;src:url('assets/manrope-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Hanzi;src:url('assets/hanzi.ttf') format('truetype');font-display:swap}
:root{--bg:#f6f7f2;--paper:#fffef9;--green:#285340;--deep:#213e32;--muted:#7e877c;--line:#e1e5db;--sage:#edf1e7;--orange:#ba7457;--serif:Georgia,'Times New Roman',serif;--cn:Hanzi,'KaiTi','STKaiti','Noto Serif CJK SC',serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#303d33;font-family:Manrope,'Segoe UI',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b3c68e;outline-offset:4px}a{color:inherit}svg{width:20px;height:20px;vertical-align:middle;flex-shrink:0}button{border:0;background:none}button span[data-icon]{display:inline-flex}.tiny,.eyebrow,.sidebar-label,.revision{font-size:9px;font-weight:700;letter-spacing:1.8px}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fafbf6;border-right:1px solid var(--line);padding:39px 25px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;text-decoration:none;align-items:center;gap:12px;font-size:28px;letter-spacing:-1.4px;font-weight:700;color:var(--deep)}.brand-mark{font:42px var(--cn);display:grid;place-items:center;width:49px;height:54px}.brand small{display:block;font-size:7px;letter-spacing:1.3px;margin-top:3px;white-space:nowrap}.sidebar-label{margin:49px 8px 18px;color:#949b8f;letter-spacing:1.2px;font-size:8px}.main-nav{display:flex;flex-direction:column;gap:6px}.main-nav button{display:flex;gap:12px;align-items:center;min-height:46px;text-align:left;border-radius:7px;padding:0 12px;color:#6b776a;font-size:11px;font-weight:600;white-space:nowrap}.main-nav button:hover{background:var(--sage)}.main-nav button.active{background:#e8eee2;color:var(--green)}.main-nav button.active svg{stroke:var(--green)}.main-nav button i{font-style:normal;font-size:9px;margin-left:auto;color:#a1ac98}.main-nav svg{width:18px;height:18px;stroke-width:1.5}.nav-divider{height:1px;background:var(--line);margin:16px 12px}.sidebar-course{border:1px solid var(--line);border-radius:8px;padding:18px 15px;margin-top:36px;display:flex;flex-direction:column;gap:6px}.sidebar-course .tiny{color:#98a18d;font-size:7px;letter-spacing:1.4px}.sidebar-course strong{font-size:13px;margin-top:3px}.sidebar-course>span:not(.tiny){font-size:9px;color:var(--muted)}.course-line{height:3px;background:#e1e6d9;border-radius:3px;margin-top:14px}.course-line i{display:block;width:100%;height:100%;background:#8b9f70}.course-caption{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-top:4px}.sidebar-bottom{margin-top:auto;padding:35px 8px 0}.bamboo-mini{font:36px var(--cn);color:#91a582}.sidebar-bottom p{font-size:10px;line-height:1.9;color:#8d9585;margin:8px 0 25px}.revision{font-size:7px;color:#a8ae9f;letter-spacing:1.4px}.app-shell{margin-left:246px}.topbar{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;background:#fafbf7}.breadcrumb{font-size:10px;color:#8a9486;display:flex;gap:16px;align-items:center}.breadcrumb span{color:#c3cabc}.breadcrumb b{color:#4d5e4b;font-weight:500}.share-button{display:flex;align-items:center;gap:8px;border:1px solid #d7ded0;border-radius:6px;padding:9px 13px;font-size:10px;background:#fffef9}.share-button svg{width:14px;height:14px}.share-button:hover{border-color:#8b9e7c}main{max-width:1450px;margin:auto;padding:30px 46px 0}.hero{height:263px;position:relative;isolation:isolate;background:#eaf0e4;border:1px solid #e0e7d7;border-radius:10px;overflow:hidden;display:flex;align-items:center}.hero-copy{padding:27px 34px;z-index:1;position:relative}.eyebrow{font-size:8px;color:#708468;letter-spacing:1.7px;display:flex;align-items:center;gap:7px}.eyebrow span{height:5px;width:5px;border-radius:50%;background:#859e73}h1{font:42px/1.12 var(--serif);letter-spacing:-1.1px;color:#2f4c37;margin:18px 0 14px;font-weight:400}h1 em{font-weight:400;color:#617952}.hero p{font-size:10px;color:#7a8c70}.hero-tag{font-size:8px;color:#73846d;margin-top:24px;display:flex;align-items:center;gap:11px}.hero-tag span{font:12px var(--cn);padding-right:10px;border-right:1px solid #bbc8b0}.bamboo-art{position:absolute;right:-18px;top:-20px;height:305px;width:61%;object-fit:cover;object-position:right center;z-index:0;mix-blend-mode:multiply}.hero-seal{position:absolute;right:33px;top:30px;font:16px/1.2 var(--cn);border:1px solid #b47b68;border-radius:3px;color:#b47b68;padding:4px;transform:rotate(3deg);opacity:.7}.lesson-bar{margin:26px 0 29px;display:flex;align-items:center;gap:26px;min-height:57px}.lesson-bar-title{display:flex;flex-direction:column;gap:6px;min-width:136px}.lesson-bar-title .tiny{font-size:7px;color:#99a08f;letter-spacing:1.5px}.lesson-bar-title strong{font-size:12px;font-weight:600}.lesson-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lesson-buttons button{height:41px;min-width:47px;border:1px solid var(--line);background:#fffefa;border-radius:7px;font-size:12px;position:relative}.lesson-buttons button.active{background:var(--green);border-color:var(--green);color:#fff}.lesson-buttons button:hover:not(.active){border-color:#8d9e7b}.lesson-buttons button:last-child{font-size:10px;padding:0 16px;margin-left:7px}.lesson-buttons small{font-size:7px;color:#9eb491;margin-left:4px}.lesson-buttons .active small{color:#cdddc1}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-head h2{font:24px/1.2 var(--serif);font-weight:400;letter-spacing:-.4px;margin:0 0 8px}.section-head p{margin:0;color:#8b9384;font-size:10px}.section-head h2 small{font:12px var(--cn);margin-left:8px;color:#8c9b7f}.segmented{display:inline-flex;padding:4px;background:#eaece5;border-radius:7px;flex-shrink:0;gap:3px}.segmented button{padding:8px 14px;font-size:10px;border-radius:5px;color:#8a9382;white-space:nowrap}.segmented button.active{background:#fffefa;color:#3a5137;box-shadow:0 1px 5px #3047280a}.practice-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px}.flashcard{background:var(--paper);border:1px solid #e0e4d9;border-radius:10px;box-shadow:0 7px 16px #243d2703;overflow:hidden;position:relative}.card-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-size:9px;color:#9aA18f}.card-top .pill{background:#f0f3e9;border:1px solid #e4e9d9;padding:5px 9px;border-radius:5px;color:#889a73;font-size:8px;letter-spacing:.5px}.icon-button{height:33px;width:33px;display:inline-grid;place-items:center;border:1px solid #e5e8de;border-radius:50%;background:#fffefa;color:#849479;flex-shrink:0}.icon-button:hover{background:var(--sage)}.icon-button svg{width:15px;height:15px}.card-face{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:228px;position:relative;width:100%;padding:8px 20px 20px}.character{font-family:var(--cn);font-size:92px;line-height:1.3;font-weight:400;letter-spacing:10px;padding-left:10px;color:#294b35}.character.phrase{font-size:46px;letter-spacing:4px}.card-pinyin{font-size:17px;letter-spacing:1.5px;margin-top:9px;color:#859076;min-height:24px}.card-meaning{font-family:var(--serif);font-size:24px;color:#38523c;margin-top:12px;text-align:center;max-width:100%;overflow-wrap:anywhere}.reveal-prompt{font-size:9px;letter-spacing:.4px;color:#a1aa96;margin-top:27px;display:flex;align-items:center;gap:6px}.reveal-prompt svg{width:13px;height:13px}.flashcard.revealed .card-face{min-height:228px}.card-actions{display:flex;align-items:center;justify-content:center;gap:10px;padding:19px 22px;border-top:1px solid #eceee6;min-height:78px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;border-radius:6px;font-size:11px;font-weight:600;background:var(--green);color:white;min-height:41px}.btn svg{width:15px;height:15px}.btn:hover{background:#35644d}.btn.secondary{border:1px solid #dce3d2;background:#fffefa;color:#5f7352}.btn.secondary:hover{background:var(--sage)}.btn.orange{background:#faf2e9;color:#b07c52;border:1px solid #eedfc9}.btn.small{min-height:34px;padding:9px 13px;font-size:10px}.card-actions .btn{min-width:144px}.card-position{font-size:8px;color:#a1aa97;margin-top:7px;text-align:center}.card-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:9px;color:#9ba58f;gap:8px}.card-toolbar button{font-size:9px;display:flex;align-items:center;gap:5px}.card-toolbar svg{width:12px;height:12px}.keyboard-hint{font-size:8px;color:#a8afa0}.keyboard-hint kbd{border:1px solid #dde1d4;padding:2px 5px;border-radius:3px;font:8px Manrope;margin:0 3px}.progress-panel{background:#eff2e8;border:1px solid #e1e6d6;border-radius:9px;padding:21px;text-align:center}.panel-eyebrow{font-size:8px;font-weight:700;letter-spacing:1.4px;color:#849476}.progress-ring{height:112px;width:112px;border-radius:50%;background:conic-gradient(#6d8857 var(--progress,0%),#dfe6d5 0);padding:7px;margin:20px auto 14px;display:grid;place-items:center}.progress-ring-inner{background:#eff2e8;width:100%;height:100%;border-radius:50%;display:flex;flex-direction:column;justify-content:center}.progress-ring strong{font:31px var(--serif);color:#3a573b}.progress-ring small{font-size:9px;color:#8d9d7d;margin-top:3px}.progress-panel h3{font:17px var(--serif);font-weight:400;margin:0 0 8px}.progress-panel p{font-size:9px;line-height:1.8;color:#8b977d;margin:0}.progress-meta{display:flex;justify-content:space-between;border-top:1px solid #dce4d2;padding-top:15px;margin-top:20px;font-size:9px;color:#89977b}.progress-meta b{font-size:11px;color:#536e46}.side-note{padding:18px 4px;display:flex;align-items:flex-start;gap:11px}.side-note>svg{color:#b39168;width:18px;height:18px}.side-note strong{font-size:10px;display:block;font-weight:600;margin-bottom:6px}.side-note p{font-size:9px;line-height:1.9;color:#929b87;margin:0}.next-section{margin-top:28px;border-top:1px solid var(--line);padding-top:22px}.next-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.next-head h3{font:18px var(--serif);font-weight:400;margin:0}.text-button{font-size:9px;color:#6c8558;display:flex;align-items:center;gap:7px}.word-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-word{display:flex;align-items:center;gap:15px;text-align:left;background:#fdfef8;border:1px solid var(--line);border-radius:7px;padding:14px 17px;min-width:0}.mini-word:hover{border-color:#a8b997;background:#fffefa}.mini-word .hanzi{font:29px var(--cn);color:#486342;white-space:nowrap}.mini-word>span:last-child{min-width:0;display:flex;flex-direction:column;gap:5px}.mini-word strong{font-size:10px;font-weight:500;color:#7c8b70}.mini-word small{font-size:9px;color:#9aa18e;line-height:1.5}.mini-word svg{margin-left:auto;width:12px;min-width:12px;color:#a0ad93}.empty-state,.finished{text-align:center;padding:45px 24px;background:var(--paper);border:1px solid var(--line);border-radius:9px}.finished .big-cn,.empty-state .big-cn{font:65px var(--cn);color:#79915f}.finished h3,.empty-state h3{font:26px var(--serif);font-weight:400}.finished p,.empty-state p{font-size:12px;color:#849275;line-height:1.9}.finished .btn{margin:8px 4px}.filter-line{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:20px 0}.search-field{display:flex;align-items:center;gap:9px;background:#fffefa;border:1px solid var(--line);padding:0 12px;border-radius:7px;min-width:0}.search-field svg{color:#98a58d;width:16px}.search-field input{border:0;background:transparent;padding:11px 0;outline:none;min-width:0;width:220px;font-size:11px;color:var(--deep)}.word-table{background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden}.table-row{display:grid;grid-template-columns:1.2fr 1fr 2fr .8fr 35px;align-items:center;padding:15px 22px;gap:10px;border-bottom:1px solid #eaede3;text-align:left;width:100%}.table-row:last-child{border:0}.table-row:not(.table-head):hover{background:#f2f5ec}.table-head{font-size:8px;letter-spacing:1px;color:#9aa38d;background:#f1f4eb;text-transform:uppercase;padding-top:13px;padding-bottom:13px}.table-row .hanzi{font:29px var(--cn);color:#365537}.table-row .pinyin{font-size:12px;color:#819370}.table-row .meaning{font-size:11px;color:#7b8773}.status{font-size:8px;border:1px solid #e1e6d8;padding:5px 7px;border-radius:4px;justify-self:start;color:#929d85}.status.known{background:#e9f0df;border-color:#d8e5c7;color:#6c854b}.status.repeat{background:#f9eee0;color:#ac8654;border-color:#eddfc9}.table-row svg{width:15px;color:#a2ae96}.results-count{font-size:10px;color:#8c9980;margin:15px 0}.quiz-settings{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.quiz-settings label{font-size:10px;color:#8c9982}.quiz-settings select,.writing-select{border:1px solid #dce3d3;border-radius:5px;padding:10px;background:#fffefa;color:#5c7250;font-size:11px;max-width:100%}.quiz-layout{max-width:690px;margin:0 auto}.quiz-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:28px}.quiz-top{display:flex;justify-content:space-between;color:#8b9b7d;font-size:9px;gap:10px}.quiz-progress{height:3px;border-radius:2px;background:#e7ecdf;margin-top:16px}.quiz-progress i{height:100%;display:block;background:#85a267}.quiz-question{text-align:center;padding:32px 10px 25px}.quiz-question .character{font-size:64px;overflow-wrap:anywhere}.quiz-question .question-ru{font:28px/1.5 var(--serif)}.quiz-question p{font-size:10px;color:#8b9980}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{min-height:65px;padding:14px 15px;border:1px solid #dce3d3;border-radius:6px;background:#fefef9;text-align:left;display:flex;gap:12px;align-items:center;font-size:11px}.answer i{font-size:9px;border:1px solid #dfe4d5;border-radius:4px;min-width:23px;height:23px;display:grid;place-items:center;font-style:normal;color:#9aA68c}.answer:hover:enabled{border-color:#8ba472;background:#f5f8ef}.answer.correct{border-color:#89ac6c;background:#eaf3df;color:#4b7030;opacity:1}.answer.wrong{border-color:#d4a48d;background:#fcf0e8;color:#ad6b4b;opacity:1}.answer-feedback{margin-top:18px;min-height:23px;color:#6d8558;font-size:11px;line-height:1.7}.quiz-next{display:flex;justify-content:flex-end;margin-top:13px}.score-number{font:54px var(--serif);color:var(--green);padding:15px}.mistake-list{margin:20px auto;max-width:440px;text-align:left;font-size:12px}.mistake-list>div{padding:12px 0;border-bottom:1px solid var(--line)}.writing-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px}.writing-paper{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:23px;text-align:center}.writing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.writing-toolbar>span{font-size:10px;color:#87977a}.character-picker{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0 12px;justify-content:center}.character-picker button{width:39px;height:39px;border:1px solid var(--line);border-radius:5px;font:22px var(--cn);background:#fffefa}.character-picker button.active{background:#e8efdf;border-color:#95ae7e;color:#436835}.writing-board{width:min(290px,100%);aspect-ratio:1;margin:19px auto;border:1px solid #dfe5d4;position:relative;background:linear-gradient(45deg,transparent 49.8%,#e6ebdf 49.8%,#e6ebdf 50.2%,transparent 50.2%),linear-gradient(-45deg,transparent 49.8%,#e6ebdf 49.8%,#e6ebdf 50.2%,transparent 50.2%),linear-gradient(90deg,transparent 49.8%,#e0e6d7 49.8%,#e0e6d7 50.2%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#e0e6d7 49.8%,#e0e6d7 50.2%,transparent 50.2%);touch-action:none;user-select:none}.writing-board svg{width:100%;height:100%}.writing-status{font-size:10px;line-height:1.6;min-height:32px;margin:15px 0 0;color:#8a9b7b}.writing-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.writing-details{padding:22px;background:#edf2e6;border:1px solid #e0e8d6;border-radius:9px}.writing-details .char{font:52px var(--cn);color:#45683a}.writing-details h3{font:23px var(--serif);font-weight:400;margin:10px 0}.writing-details p{font-size:11px;line-height:1.9;color:#7f9071}.detail-label{font-size:8px;letter-spacing:1px;color:#9ba88e;margin:21px 0 7px}.structure{font:25px var(--cn);color:#5e7b4a}.wiki-intro{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:23px 0}.explain-block{padding:24px;border-left:2px solid #a5b68a;background:#eff3e9}.explain-block h3{font:21px var(--serif);font-weight:400;margin:0 0 12px}.explain-block p{font-size:11px;line-height:1.9;color:#7b8c6d;margin:0}.phonetic-example{display:flex;align-items:center;gap:25px;margin-top:17px;color:#4f6d42}.phonetic-example>span{font:34px var(--cn)}.phonetic-example small{display:block;text-align:center;font:10px Manrope;color:#899b76;margin-top:5px}.radical-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.radical-card{padding:19px 15px;text-align:left;border:1px solid var(--line);border-radius:7px;background:var(--paper);display:flex;flex-direction:column;align-items:start}.radical-card .char{font:40px var(--cn);color:#607e4a;margin-bottom:12px}.radical-card strong{font-size:11px;font-weight:500}.radical-card p{font-size:9px;line-height:1.8;color:#8e9c82;min-height:40px}.radical-card .examples{font:20px var(--cn);color:#7f986a}.wiki-callout{border:1px solid #e7dfcd;background:#f7f3e8;border-radius:6px;padding:17px 20px;font-size:10px;line-height:1.9;color:#9b8969;margin:24px 0}.wiki-note-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wiki-note{display:flex;gap:18px;padding:17px;border:1px solid var(--line);background:var(--paper);border-radius:7px;text-align:left;align-items:center}.wiki-note .char{font:32px var(--cn);color:var(--green)}.wiki-note strong{font-size:11px;font-weight:500}.wiki-note p{font-size:10px;color:#92a082;line-height:1.7;margin:5px 0 0}footer{display:flex;justify-content:space-between;align-items:center;padding:29px 0 24px;margin-top:28px;border-top:1px solid var(--line);font-size:8px;color:#a2aa98;gap:20px}footer b{color:#8c9a7f;font-weight:500}footer>span:first-child{display:flex;align-items:center;gap:6px}footer button{font-size:8px;color:#8d9d7d;padding:0}footer button span{margin-left:7px}dialog{width:min(600px,calc(100vw - 28px));border:1px solid #dce3d2;background:#fffef8;border-radius:12px;padding:0;color:#3b5035;box-shadow:0 24px 90px #193d2a24;max-height:90vh}dialog::backdrop{background:#16332065;backdrop-filter:blur(4px)}.dialog-inner{padding:29px}.dialog-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px;gap:15px}.dialog-top .character{font-size:55px;letter-spacing:3px;padding:0}.dialog-pinyin{font-size:16px;color:#7c9468;margin:12px 0}.dialog-meaning{font:23px var(--serif);margin:10px 0}.dialog-sub{font-size:10px;color:#92a081;line-height:1.9}.char-detail{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:45px 1fr;gap:17px}.char-detail>.char{font:35px var(--cn);color:#618148}.char-detail h4{margin:0 0 7px;font-size:11px;font-weight:500}.char-detail p{font-size:11px;color:#839475;line-height:1.9;margin:0}.char-detail .structure{font-size:21px;display:block;margin:7px 0}.dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%,20px);padding:13px 21px;background:#2e503d;color:#fffcef;border-radius:7px;font-size:11px;box-shadow:0 7px 30px #18391b24;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 30px);text-align:center;line-height:1.7}#toast.visible{opacity:1;transform:translate(-50%,0)}.skip-link{position:fixed;top:-60px;left:20px;background:var(--green);color:white;padding:12px;z-index:100}.skip-link:focus{top:10px}#workspace{scroll-margin-top:20px}.field-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.check-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#8e9d80}.check-label input{accent-color:var(--green)}.counter{font-size:10px;color:#8e9d80}.row-heading{font:21px var(--serif);margin:24px 0 15px;font-weight:400}.danger-link{color:#ad7759;font-size:10px;text-decoration:underline;text-underline-offset:3px;margin-top:20px}
@media(min-width:1500px){main{padding-top:36px}.hero{height:290px}h1{font-size:48px}.hero-copy{padding-left:40px}.bamboo-art{height:330px}.practice-grid,.writing-grid{grid-template-columns:minmax(0,1fr) 285px}.card-face,.flashcard.revealed .card-face{min-height:253px}.sidebar{width:260px}.app-shell{margin-left:260px}}
@media(max-width:1150px){.sidebar{width:209px;padding:30px 16px}.app-shell{margin-left:209px}.main-nav button{font-size:10px;gap:10px}.brand{font-size:25px}.brand small{font-size:6px}.brand-mark{width:40px}.topbar{padding:0 28px}main{padding:25px 28px 0}.practice-grid,.writing-grid{grid-template-columns:minmax(0,1fr) 210px;gap:16px}.hero-copy{padding-left:27px}.hero{height:246px}h1{font-size:38px}.eyebrow{font-size:7px}.bamboo-art{width:57%;right:-65px;opacity:.85}.lesson-bar{gap:16px}.lesson-bar-title{min-width:115px}.lesson-buttons{gap:6px}.lesson-buttons button{min-width:36px;height:38px}.lesson-buttons button:last-child{padding:0 10px;margin-left:3px}.section-head h2{font-size:22px}.segmented button{padding:8px 10px}.word-preview{gap:8px}.mini-word{padding:14px 12px;gap:9px}.mini-word .hanzi{font-size:25px}.radical-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{width:179px;padding:26px 12px}.app-shell{margin-left:179px}.brand{font-size:22px;gap:6px}.brand-mark{font-size:35px;width:36px}.brand small{font-size:5.5px;letter-spacing:.9px}.main-nav button{font-size:9px;gap:8px;padding:0 8px}.main-nav button i{display:none}.sidebar-label{font-size:6px;letter-spacing:1px}.sidebar-course{padding:14px 10px}.sidebar-course strong{font-size:11px}.sidebar-course .tiny{font-size:6px}.course-caption{font-size:6px}.sidebar-course>span:not(.tiny){font-size:8px}.sidebar-bottom{padding-left:5px}.practice-grid,.writing-grid{grid-template-columns:1fr}.practice-aside{display:none}.hero{height:235px}.hero-copy{padding:23px}.bamboo-art{right:-100px;width:60%;opacity:.55}.hero-seal{right:20px}.hero h1{font-size:35px}.hero p{font-size:9px}.lesson-bar{flex-direction:column;align-items:flex-start;gap:12px;margin:22px 0}.lesson-bar-title{flex-direction:row;align-items:center;gap:13px}.lesson-buttons{width:100%;gap:7px}.lesson-buttons button{flex:1;min-width:30px}.lesson-buttons button:last-child{flex:1.8}.section-head h2{font-size:21px}.section-head{align-items:flex-start}.section-head p{font-size:9px}.word-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-word svg{display:none}.mini-word{gap:9px;padding:12px 9px}.mini-word .hanzi{font-size:23px}.mini-word small{font-size:8px}.mini-word strong{font-size:9px}.writing-details{margin-top:0}.writing-details .char{float:left;margin-right:20px}.writing-details h3{margin-top:0}.radical-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.table-row{grid-template-columns:1.1fr 1fr 1.6fr 25px;padding:14px 15px}.table-row>.status,.table-head>span:nth-child(4){display:none}.wiki-intro{grid-template-columns:1fr}.wiki-note-list{grid-template-columns:1fr}.search-field input{width:165px}footer{align-items:start;line-height:1.8}footer>span:first-child{display:block}}
@media(max-width:640px){.sidebar{position:fixed;top:auto;bottom:0;left:0;width:100%;height:67px;border:0;border-top:1px solid #dfe5d5;background:#fafbf7f5;backdrop-filter:blur(15px);padding:5px 7px 7px}.brand,.sidebar-label,.sidebar-course,.sidebar-bottom,.nav-divider{display:none}.main-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;height:100%}.main-nav button{flex-direction:column;justify-content:center;gap:5px;font-size:8px;min-height:0;padding:6px 1px;border-radius:6px;white-space:normal;text-align:center;line-height:1.3}.main-nav button svg{width:19px;height:19px}.main-nav button[data-view=wiki]>span:last-child{font-size:0}.main-nav button[data-view=wiki]>span:last-child:after{content:'Разбор знаков';font-size:8px}.main-nav button[data-view=quiz]>span:last-of-type{font-size:0}.main-nav button[data-view=quiz]>span:last-of-type:after{content:'Тест';font-size:8px}.app-shell{margin:0 0 67px}.topbar{height:61px;padding:0 20px}.breadcrumb{font-size:9px;gap:10px}.breadcrumb:before{content:'竹';font:26px var(--cn);color:#5a764c;margin-right:5px}.share-button{padding:8px;gap:5px;font-size:8px}main{padding:18px 18px 0}.hero{height:222px;border-radius:8px}.hero-copy{padding:20px}.eyebrow{font-size:6px;letter-spacing:1.15px;gap:5px}.hero h1{font-size:35px;margin:20px 0 12px;letter-spacing:-.8px}.hero p{font-size:8px;max-width:180px;line-height:1.8}.hero-tag{font-size:6px;gap:7px;margin-top:18px}.hero-tag span{font-size:10px;padding-right:7px}.bamboo-art{width:75%;right:-106px;height:265px;top:-15px;opacity:.62}.hero-seal{right:14px;top:20px;font-size:13px}.lesson-bar{margin:22px 0 25px;gap:11px}.lesson-bar-title strong{font-size:11px}.lesson-bar-title .tiny{font-size:6px}.lesson-buttons{gap:5px}.lesson-buttons button{height:37px;border-radius:5px;font-size:11px}.lesson-buttons button small{display:none}.lesson-buttons button:last-child{font-size:8px;min-width:65px;padding:0 4px;margin:0}.section-head{gap:12px;flex-wrap:wrap;margin-bottom:16px}.section-head h2{font-size:23px;margin-bottom:7px}.section-head h2 small{font-size:11px}.section-head p{font-size:9px;line-height:1.8}.segmented{padding:3px}.segmented button{padding:8px 13px;font-size:9px}.card-top{padding:18px}.card-face,.flashcard.revealed .card-face{min-height:230px}.character{font-size:85px;letter-spacing:9px;padding-left:9px}.character.phrase{font-size:35px;letter-spacing:1px}.card-meaning{font-size:22px}.card-pinyin{font-size:16px}.card-actions{padding:16px 13px;gap:8px}.card-actions .btn{min-width:0;flex:1;font-size:10px;padding:12px}.card-actions .btn:only-child{flex:0 1 200px}.card-toolbar{font-size:8px}.keyboard-hint{display:none}.word-preview{grid-template-columns:1fr;gap:8px}.mini-word{padding:13px 16px;gap:18px}.mini-word .hanzi{font-size:30px;min-width:65px}.mini-word>span:last-child{flex:1;display:grid;grid-template-columns:.8fr 1fr;gap:10px;align-items:center}.mini-word strong{font-size:10px}.mini-word small{font-size:9px}.mini-word svg{display:block}.next-section{margin-top:24px;padding-top:20px}.next-head h3{font-size:19px}.text-button{font-size:8px}footer{font-size:7px;gap:12px;margin-top:24px;padding-top:20px}footer button{font-size:7px;min-width:90px;text-align:right}#toast{bottom:82px;left:50%;font-size:10px;min-width:230px}.filter-line{align-items:stretch;flex-direction:column;margin:16px 0}.search-field input{width:100%}.filter-line .segmented{align-self:start}.table-row{grid-template-columns:1fr .9fr 1.4fr 15px;gap:7px;padding:13px 12px}.table-head{font-size:6px;letter-spacing:.5px}.table-row .hanzi{font-size:25px}.table-row .pinyin{font-size:10px}.table-row .meaning{font-size:9px;line-height:1.8}.quiz-card{padding:19px 15px}.quiz-question{padding:27px 0 22px}.quiz-question .character{font-size:49px;letter-spacing:3px}.answer-grid{grid-template-columns:1fr}.answer{min-height:56px;padding:12px;font-size:11px}.quiz-settings{gap:7px}.quiz-settings select{font-size:10px}.quiz-question .question-ru{font-size:24px}.writing-paper{padding:16px}.writing-board{max-width:275px;margin:17px auto}.writing-actions .btn{font-size:10px;padding:10px 12px}.writing-toolbar>span{font-size:9px}.writing-select{font-size:10px;max-width:195px}.character-picker{gap:6px}.character-picker button{width:36px;height:36px;font-size:21px}.writing-details{padding:19px}.writing-details p{font-size:10px}.wiki-intro{gap:12px;margin-top:17px}.explain-block{padding:19px}.explain-block h3{font-size:21px}.explain-block p{font-size:10px}.radical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.radical-card{padding:16px}.radical-card .char{font-size:35px}.wiki-callout{font-size:9px;padding:15px}.wiki-note strong{font-size:10px}.wiki-note p{font-size:9px}.dialog-inner{padding:23px}.dialog-top .character{font-size:43px}.dialog-meaning{font-size:21px}.dialog-actions .btn{flex:1;font-size:10px}.char-detail{gap:12px;grid-template-columns:35px 1fr}.char-detail p{font-size:10px}.char-detail h4{font-size:10px}.finished{padding:30px 18px}.finished h3{font-size:25px}.finished p{font-size:11px}.finished .btn{font-size:10px}.field-row{gap:8px}.row-heading{font-size:21px}}
.mini-word>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:5px}
@media(min-width:641px){.main-nav button{font-size:12px}.sidebar-course>span:not(.tiny){font-size:10px}.sidebar-bottom p{font-size:11px}.breadcrumb,.share-button{font-size:11px}.hero p{font-size:12px}.hero-tag{font-size:10px}.hero-tag span{font-size:13px}.lesson-bar-title strong{font-size:13px}.lesson-buttons button:last-child{font-size:11px}.section-head p{font-size:11px}.segmented button{font-size:11px}.card-top{font-size:10px}.card-top .pill{font-size:9px}.reveal-prompt{font-size:11px}.btn{font-size:12px}.card-toolbar,.card-toolbar button,.check-label,.counter{font-size:11px}.keyboard-hint,.keyboard-hint kbd{font-size:9px}.progress-panel p,.progress-meta{font-size:11px}.progress-ring small{font-size:10px}.side-note strong{font-size:11px}.side-note p{font-size:11px}.text-button{font-size:11px}.mini-word strong{font-size:12px}.mini-word small{font-size:11px}.mini-word{padding:16px 18px}.table-row .meaning{font-size:12px}.search-field input{font-size:12px}.table-head{font-size:9px}.status{font-size:9px}.results-count{font-size:11px}.quiz-settings label,.quiz-top,.quiz-question p{font-size:11px}.answer{font-size:12px}.writing-status,.writing-toolbar>span{font-size:11px}.writing-details p,.explain-block p{font-size:12px}.radical-card p{font-size:11px;min-height:49px}.radical-card strong{font-size:12px}.wiki-callout{font-size:11px}.wiki-note strong{font-size:12px}.wiki-note p{font-size:11px}footer,footer button{font-size:9px}.panel-eyebrow{font-size:8px;letter-spacing:1px}}
@media(min-width:641px) and (max-width:1000px){.main-nav button{font-size:10px}.sidebar-bottom p{font-size:10px}.hero p{font-size:10px}.hero-tag{font-size:8px}.mini-word{padding:14px 10px;gap:9px}.mini-word strong{font-size:10px}.mini-word small{font-size:9px}.section-head p{font-size:10px}}
@media(max-width:640px){.mini-word>span:nth-child(2){flex:1;display:grid;grid-template-columns:.8fr 1fr;gap:10px;align-items:center}.hero p{font-size:9px}.reveal-prompt{font-size:10px}.card-top .pill{font-size:9px}.card-toolbar,.card-toolbar button,.check-label,.counter{font-size:10px}.table-row .meaning{font-size:10px}.segmented button{font-size:10px}.mini-word small{font-size:10px}.explain-block p,.radical-card p,.wiki-note p,.wiki-callout{font-size:11px}.writing-status{font-size:11px}.writing-details p{font-size:11px}.dialog-sub,.char-detail p{font-size:12px}.dialog-sub{line-height:1.85}.main-nav button,.main-nav button[data-view=wiki]>span:last-child:after,.main-nav button[data-view=quiz]>span:last-of-type:after{font-size:9px}.main-nav button[data-view=wiki]>span:last-child,.main-nav button[data-view=quiz]>span:last-of-type{font-size:0}}
@media(max-width:640px){body[data-screen=write] .hero,body[data-screen=quiz] .hero,body[data-screen=dictionary] .hero,body[data-screen=wiki] .hero{display:none}body:not([data-screen=learn]) .lesson-bar{margin-top:3px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.dictionary-sources{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px;margin:20px 0}.dictionary-sources button{display:flex;gap:9px;align-items:center;padding:11px 15px;border:1px solid var(--line);border-radius:7px;color:#7a896d;background:#fffef9;font-size:11px}.dictionary-sources button.active{background:#eaf0e2;border-color:#9fb48b;color:#355633}.dictionary-sources button svg{width:16px;height:16px}.dictionary-sources small{font-size:9px;color:#8f9d80;margin-left:4px}.zhonga-glyph{font:21px var(--cn)}.zhonga-intro{background:#edf2e6;border:1px solid #e0e7d5;border-radius:9px;padding:23px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.zhonga-intro .tiny{color:#8b9d79;font-size:8px}.zhonga-intro h3{font:25px var(--serif);font-weight:400;margin:10px 0}.zhonga-intro p{font-size:11px;color:#81916f;line-height:1.8;margin:0;max-width:580px}.zhonga-decoration{font:64px var(--cn);color:#a4b58f;padding-right:10px}.zhonga-form{display:flex;gap:10px;margin-bottom:22px}.zhonga-form .search-field{flex:1}.zhonga-form input{width:100%;font-size:12px}.zhonga-form .btn{min-width:110px}.dictionary-message{padding:30px 24px;border:1px solid var(--line);border-radius:8px;background:var(--paper);font-size:12px;color:#7c8e6a;line-height:1.9}.dictionary-message strong{font:22px var(--serif);color:#4c6740;font-weight:400}.dictionary-message p{margin:10px 0 18px}.dictionary-start{display:flex;align-items:center;gap:25px;padding:34px 28px;border:1px dashed #d8e1cc;border-radius:8px;color:#7f946c}.dictionary-start>span{font:50px var(--cn);color:#99ad82}.dictionary-start strong{font:23px var(--serif);font-weight:400;color:#4f6b42}.dictionary-start p{font-size:11px;line-height:1.8}.dictionary-examples{display:flex;gap:7px;margin-top:15px;flex-wrap:wrap}.dictionary-examples button{padding:7px 12px;background:#eaf0e2;border:1px solid #dce5d0;border-radius:5px;font-size:11px;color:#6e8756}.dictionary-full-link{font-size:11px;color:#66854b;text-decoration:none;text-underline-offset:3px}.dictionary-full-link:hover{text-decoration:underline}.dictionary-attribution{font-size:10px;line-height:1.9;color:#8d9b7e;margin:21px 0 0}.dictionary-attribution a{color:#71895c;text-underline-offset:3px}.dictionary-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#8a9b78;margin:20px 0 13px}.dictionary-result-head b{font-weight:600;color:#5f7b47}.zhonga-result-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.zhonga-result{padding:21px;background:var(--paper);border:1px solid var(--line);border-radius:8px;min-width:0}.zhonga-word{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.zhonga-word strong{font:28px/1.5 var(--cn);color:#3d6134;overflow-wrap:anywhere;max-width:100%}.zhonga-word>span{font-size:12px;color:#8d9b79;overflow-wrap:anywhere;max-width:100%}.zhonga-word a{margin-left:auto;color:#93a37d;text-decoration:none;font-size:17px}.zhonga-result>p{font-size:12px;line-height:1.9;color:#647a52;overflow-wrap:anywhere;margin:12px 0}.dictionary-tags{display:flex;gap:6px;flex-wrap:wrap}.dictionary-tags span{border:1px solid #e1e6d8;border-radius:4px;background:#f2f5ed;color:#97a288;font-size:9px;padding:4px 7px}.dictionary-entry-note{display:block;font-size:10px;color:#94a184;margin-top:11px;line-height:1.8;overflow-wrap:anywhere}.dictionary-pagination{display:flex;gap:20px;align-items:center;justify-content:center;margin:23px 0;font-size:11px;color:#8b9b78}.loading-dot{display:inline-block;width:8px;height:8px;background:#8ba46d;border-radius:50%;margin-right:10px;animation:loadingPulse 1s ease-in-out infinite alternate}@keyframes loadingPulse{to{opacity:.25}}
@media(max-width:900px){.zhonga-result-list{grid-template-columns:1fr}.dictionary-sources button{font-size:10px;padding:10px 12px}.dictionary-sources small{font-size:8px}.zhonga-form .btn{min-width:90px}}
@media(max-width:640px){.dictionary-sources{gap:7px;margin-top:17px}.dictionary-sources button{font-size:10px;padding:10px 12px;gap:7px}.dictionary-sources small{display:none}.zhonga-intro{padding:20px;gap:12px}.zhonga-intro h3{font-size:23px;line-height:1.35}.zhonga-intro p{font-size:11px}.zhonga-intro .tiny{font-size:7px}.zhonga-decoration{display:none}.zhonga-form{gap:8px}.zhonga-form .btn{min-width:72px;padding:10px 13px;font-size:11px}.zhonga-form .btn svg{display:none}.zhonga-form input{font-size:11px}.dictionary-start{padding:25px 20px;gap:17px}.dictionary-start>span{font-size:33px}.dictionary-start strong{font-size:21px}.dictionary-start p{font-size:11px}.dictionary-result-head{align-items:start;font-size:10px;line-height:1.8}.dictionary-full-link{font-size:10px}.zhonga-result{padding:18px}.zhonga-word strong{font-size:27px}.zhonga-word>span{font-size:12px}.zhonga-result>p{font-size:12px}.dictionary-attribution{font-size:10px}.dictionary-message{padding:23px 20px;font-size:11px}}

@media(max-width:640px){.hero{height:175px}.hero-copy{padding:17px 20px}.hero h1{font-size:31px;margin:12px 0 8px}.hero-tag{display:none}.hero p{margin:0;font-size:9px;max-width:190px}.bamboo-art{height:225px;right:-112px;top:-13px;opacity:.5}.card-face,.flashcard.revealed .card-face{min-height:150px}.character{font-size:70px}.card-face{padding-bottom:13px}.card-pinyin{font-size:15px}.reveal-prompt{margin-top:16px}.card-meaning{font-size:20px;margin-top:9px}}

.question-pinyin{display:block;font-size:32px;line-height:1.6;letter-spacing:1px;color:var(--green);overflow-wrap:anywhere}.answer-hanzi{font:27px var(--cn)}.answer-pinyin{font-size:17px;line-height:1.6;letter-spacing:.4px;overflow-wrap:anywhere}.quiz-top>span:last-child{flex-shrink:0}@media(max-width:640px){.question-pinyin{font-size:25px}.answer-pinyin{font-size:16px}.quiz-top{font-size:8px;line-height:1.7}.quiz-settings select{max-width:100%}}

.char-facts{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(110px,1.2fr);gap:12px;margin:0 0 18px}.char-facts>div{border:1px solid #dbe4d0;border-radius:7px;padding:13px 16px;min-width:0}.char-facts .key-fact{background:#edf2e5}.char-facts .reading-fact{background:#f6f3e9;border-color:#e8e0cd}.char-facts dt,.char-definition>span,.composition-label{font-size:9px;font-weight:600;letter-spacing:1px;color:#7b8c6c;text-transform:uppercase}.char-facts dd{margin:8px 0 0;min-height:37px;display:flex;align-items:center;overflow-wrap:anywhere}.key-fact dd{font:29px/1.3 var(--cn);color:#3c6232}.reading-fact dd{font-size:21px;line-height:1.5;color:#766947}.char-definition{padding-bottom:17px;margin-bottom:15px;border-bottom:1px solid var(--line)}.char-definition h4{font-size:14px;line-height:1.7;margin:7px 0 0;color:#3b5035}.composition-label{margin-bottom:8px}.char-detail .structure{margin:0 0 12px}.char-detail>div{min-width:0}@media(max-width:640px){.char-detail{grid-template-columns:30px 1fr;gap:10px}.char-facts{grid-template-columns:minmax(75px,.85fr) minmax(90px,1.15fr);gap:8px}.char-facts>div{padding:11px 12px}.char-facts dt,.char-definition>span,.composition-label{font-size:9px;letter-spacing:.5px}.key-fact dd{font-size:26px}.reading-fact dd{font-size:20px}.char-definition h4{font-size:13px}.char-detail p{font-size:12px;line-height:1.9}}

.dictionary-sense{padding:12px 0;border-top:1px solid #e9ede2;margin-top:12px}.dictionary-sense p{font-size:12px;line-height:1.9;color:#647a52;overflow-wrap:anywhere;margin:0 0 9px}.dictionary-sense:last-child{padding-bottom:0}

/* Accounts use the same paper, ink and bamboo palette as the study pages. */
.auth-pending .sidebar,.auth-pending .app-shell{visibility:hidden}.account-gate[hidden]{display:none}.account-gate{position:fixed;inset:0;z-index:100;background:#edf2e8;display:grid;place-items:center;padding:24px;overflow:auto}.account-card{background:var(--paper);border:1px solid #dce5d2;box-shadow:0 22px 70px #24432b18;border-radius:14px;padding:42px;width:min(100%,460px);color:var(--deep)}.account-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:#829a70}.account-card h1{font-size:36px;line-height:1.15;margin:20px 0 12px}.account-card h1 em{color:#79946a}.account-card>p{font-size:12px;line-height:1.8;color:#73816e}.account-card form{display:grid;gap:12px;margin-top:30px}.account-card label{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#778a6d}.account-card input{width:100%;height:52px;border:1px solid #d9e2d3;border-radius:7px;background:#fff;padding:0 16px;color:var(--deep);font-size:17px}.account-card input:focus{outline:2px solid #a3ba91}.account-card form .btn{margin-top:6px}.account-card #account-pin{font-size:24px;letter-spacing:12px;text-align:center}.account-error{min-height:19px;color:#a95342!important;margin:14px 0 0}.account-secondary{border-top:1px solid var(--line);margin-top:17px;padding-top:15px;display:flex;gap:10px;flex-wrap:wrap}.account-secondary button{font-size:11px;color:#607c53;text-decoration:underline;text-underline-offset:4px}.account-top{display:flex;gap:10px;align-items:center}.account-name{font-size:11px;font-weight:700;color:var(--green);padding:8px 10px}.generated-pin{font:38px Manrope,'Segoe UI',sans-serif;letter-spacing:15px;color:var(--green);background:#edf2e7;border:1px solid #dae5d2;border-radius:8px;padding:18px;text-align:center;margin:24px 0}.account-menu-actions{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.admin-reset{border-top:1px solid var(--line);padding-top:17px}.admin-reset h3{font:19px var(--serif);margin:0 0 8px}.admin-reset p{color:#77846f;font-size:11px}.admin-reset select{border:1px solid var(--line);padding:9px;margin-right:8px;max-width:100%}.ranking-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:200px 1fr;overflow:hidden;min-height:190px}.ranking-lead{background:#eaf0e3;padding:28px}.ranking-lead>span{font-size:9px;letter-spacing:1.5px;color:#7c9371;font-weight:700}.ranking-lead strong{display:block;font:58px var(--serif);color:var(--green);margin:10px 0}.ranking-lead p{font-size:10px;line-height:1.8;color:#71846c}.ranking-list{padding:10px 24px}.ranking-row{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:17px 7px;font-size:12px}.ranking-row:last-child{border-bottom:0}.ranking-row.mine{background:#f0f4e9;border-radius:6px;color:var(--green)}.ranking-row>span:last-child{font-size:10px;color:#829075}.ranking-place{font:20px var(--serif);color:#829475}
@media(max-width:640px){.account-card{padding:30px 24px}.account-card h1{font-size:31px}.account-top{gap:2px}.account-name{font-size:10px;max-width:95px;overflow:hidden;text-overflow:ellipsis}.ranking-card{grid-template-columns:1fr}.ranking-lead{padding:20px 24px}.ranking-lead strong{font-size:43px;margin:3px 0}.ranking-list{padding:8px 16px}.ranking-row{padding:14px 5px}}