.radical-family-link{color:var(--coral);align-items:center;gap:5px;font-weight:850;background:0 0!important;width:auto!important;height:auto!important;margin-top:10px!important;font-family:inherit!important;font-size:11px!important;display:inline-flex!important}.writing-notes .compact-heading{margin-bottom:16px}.writer-stage>.stage-corner-label{-webkit-backdrop-filter:none;backdrop-filter:none;width:auto!important;height:auto!important}.component-lesson,.usage-guide,.sentence-section{scroll-margin-top:100px}.character-workspace .character-hero{align-items:center}.character-workspace .character-title>p{max-width:670px}.component-equation{background:#f1f6f2;border-radius:18px;justify-content:center;align-items:center;gap:18px;min-height:160px;padding:24px;display:flex}.component-equation>strong{font-family:var(--font-hanzi),serif;font-size:64px}.component-equation>span{color:var(--muted);font-size:28px}.component-equation-part{align-items:center;gap:18px;display:flex}.component-equation-part>b{color:var(--coral);font-size:25px}.component-equation-part>a{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;place-items:center;min-width:150px;padding:17px;display:grid}.component-equation-part>a>strong{font-family:var(--font-hanzi),serif;font-size:45px;line-height:1}.component-equation-part>a>span{color:var(--jade);margin-top:8px;font-size:12px;font-weight:850}.component-equation-part>a>small{max-width:135px;color:var(--muted);margin-top:4px;font-size:11px}.single-component-note{max-width:280px;color:var(--muted);font-size:13px}.quick-worksheet{grid-template-columns:minmax(0,520px) 1fr;align-items:start;gap:22px;display:grid}.quick-sheet-frame{border:1px solid var(--line);background:#e8e5de;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 12px 30px #19312c14}.quick-sheet-frame canvas{background:#fff;width:100%;height:auto;display:block}.quick-sheet-loading{color:var(--muted);background:#ffffffd1;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;inset:0}.quick-sheet-actions{gap:9px;display:grid}.quick-sheet-actions .button{width:100%}.quick-worksheet>p{color:var(--muted);grid-column:2;margin:112px 0 0;font-size:12px;line-height:1.6}.usage-patterns{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.usage-patterns>div{border:1px solid var(--line);background:#f7faf8;border-radius:15px;min-height:180px;padding:18px;position:relative}.usage-patterns strong{font-family:var(--font-hanzi),serif;padding-right:62px;font-size:25px;display:block}.usage-patterns>div>span{color:var(--jade);text-transform:uppercase;background:#dfeee7;border-radius:99px;margin-top:7px;padding:4px 7px;font-size:10px;font-weight:900;display:inline-block}.usage-patterns p{color:var(--muted);margin:11px 0;font-size:12px;line-height:1.55}.usage-patterns .button{min-height:30px;padding:5px 8px;font-size:10px;position:absolute;top:13px;right:13px}.usage-note{border-left:3px solid var(--coral);background:#fff2eb;border-radius:8px;align-items:flex-start;gap:9px;margin-top:13px;padding:13px;display:flex}.usage-note svg{color:var(--coral);flex:none}.usage-note p{color:#655e58;margin:0;font-size:12px}.context-word-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.context-word{border:1px solid var(--line);background:#f9fbf9;border-radius:15px;padding:15px}.context-word-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.context-word-top>span{color:var(--jade);text-transform:uppercase;background:#deeee7;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:900}.context-word-top .button{min-height:29px;padding:4px 7px;font-size:10px}.context-word>a{grid-template-columns:auto 1fr;align-items:baseline;gap:5px 13px;margin-top:8px;display:grid}.context-word>a>strong{font-family:var(--font-hanzi),serif;font-size:30px}.context-word>a>span{color:var(--coral);font-size:12px;font-weight:800}.context-word>a>p{color:var(--muted);grid-column:1/-1;margin:0;font-size:13px}.sentence-list{display:grid}.sentence-list>div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:18px;padding:17px 0;display:grid}.sentence-list>div:last-child{border-bottom:0}.sentence-list span{color:var(--coral);font-size:12px;font-weight:750;display:block}.sentence-list strong{font-family:var(--font-hanzi),serif;margin-top:3px;font-size:27px;display:block}.sentence-list p{color:var(--muted);margin:5px 0 0;font-size:13px}.sentence-list .button{min-height:34px;padding:6px 9px;font-size:10px}.facts-card dl{margin:0}.facts-card dl>div{border-bottom:1px solid var(--line);grid-template-columns:105px 1fr;gap:12px;padding:10px 0;display:grid}.facts-card dl>div:last-child{border-bottom:0}.facts-card dt{color:var(--muted);font-size:11px}.facts-card dd{overflow-wrap:anywhere;margin:0;font-weight:850}.fact-components,.fact-components>span{align-items:center;gap:7px;display:flex}.fact-components b{color:var(--muted);font-weight:500}.fact-components a{border:1px solid var(--line);min-width:28px;color:var(--jade);font-family:var(--font-hanzi),serif;text-align:center;border-radius:8px;padding:3px 7px;font-size:19px;line-height:1.2}.fact-components a:hover{border-color:var(--coral);color:var(--coral);background:#fff8f4}.fact-components a:focus-visible{outline:3px solid color-mix(in srgb,var(--coral) 35%,transparent);outline-offset:2px}.relationship-card>p{color:var(--muted);margin:-8px 0 4px;font-size:12px}.relationship-group{border-bottom:1px solid var(--line);padding:19px 0}.relationship-group:last-child{border-bottom:0}.relationship-heading{grid-template-columns:34px 1fr;gap:10px;display:grid}.relationship-heading i{width:34px;height:34px;color:var(--coral);background:#fff0e9;border-radius:10px;place-items:center;display:grid}.relationship-heading i svg{width:17px}.relationship-heading h3{margin:0;font-size:14px}.relationship-heading p{color:var(--muted);margin:2px 0 0;font-size:10px}.relationship-list{margin-top:10px}.relationship-list>a{border-bottom:1px dashed #d8e0dc;grid-template-columns:30px 52px 1fr;align-items:center;gap:6px;padding:7px 0;display:grid}.relationship-list>a:last-child{border:0}.relationship-list strong{font-family:var(--font-hanzi),serif;font-size:21px}.relationship-list span{color:var(--jade);font-size:10px}.relationship-list small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.relationship-list>p{color:var(--muted);font-size:11px}.relationship-more{color:var(--coral);align-items:center;gap:5px;margin-top:10px;font-size:11px;font-weight:850;display:inline-flex}.next-actions{gap:9px;display:grid}.next-actions h2{margin-bottom:8px}.desktop-nav a.active{color:var(--jade);position:relative}.desktop-nav a.active:after{content:"";background:var(--coral);height:2px;position:absolute;bottom:-26px;left:0;right:0}.compact-heading{margin-bottom:20px}.compact-heading h2{font-family:var(--font-hanzi),serif;margin:5px 0 6px;font-size:28px}.compact-heading p{color:var(--muted);margin:0}.detail-layout{grid-template-columns:minmax(0,1fr) 340px}.detail-sidebar .button{width:100%}.detail-sidebar .related-grid{margin-top:16px}.detail-sidebar .info-grid>div:nth-child(4),.detail-sidebar .info-grid>div:nth-child(5){grid-column:1/-1}.detail-sidebar .info-grid strong{overflow-wrap:anywhere}.character-title .button{min-height:32px;padding:5px 10px;font-size:12px}.hsk-summary{grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:24px;padding:0;display:grid;overflow:hidden}.hsk-summary>div{background:#fff;padding:20px}.hsk-summary>div+div{border-left:1px solid var(--line)}.hsk-browser{gap:18px;display:grid}.hsk-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kind-filter{margin-left:auto}.vocab-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.vocab-heading h2{font-family:var(--font-hanzi),serif;margin:0;font-size:28px}.vocab-heading>div{color:var(--muted);align-items:center;gap:10px;display:flex}.vocab-heading .button{min-height:34px;padding:6px 11px}.vocab-table-head{background:var(--jade-dark);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:minmax(90px,.75fr) 130px 150px minmax(240px,2fr) 36px;gap:16px;padding:11px 18px;font-size:11px;font-weight:850;display:grid}.vocab-table-head span{color:#fff}.vocab-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;display:grid}.vocab-row:last-child{border-bottom:0}.vocab-row>a{grid-template-columns:minmax(90px,.75fr) 130px 150px minmax(240px,2fr);align-items:center;gap:16px;min-width:0;padding:14px 18px;display:grid}.vocab-row:hover{background:#f7faf8}.vocab-row strong{font-family:var(--font-hanzi),serif;font-size:25px;line-height:1.25}.vocab-row p{color:#52635f;min-width:0;margin:0;font-size:13px;line-height:1.45}.vocab-row>button{border:1px solid var(--line);color:#8ba098;background:#fff;border-radius:9px;align-self:center;place-items:center;width:30px;height:30px;display:grid}.vocab-row>button svg{width:15px}.vocab-row>button.mastered{color:#fff;border-color:var(--jade);background:var(--jade)}.vocab-grid-view{background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;overflow:visible}.vocab-grid-view .vocab-row{border:1px solid var(--line);background:#fff;border-radius:16px;padding:0;display:block;position:relative;overflow:hidden}.vocab-grid-view .vocab-row>a{padding:20px 48px 20px 20px;display:block}.vocab-grid-view .vocab-row span,.vocab-grid-view .vocab-row p{margin-top:6px;display:block}.vocab-grid-view .vocab-row>button{position:absolute;top:14px;right:14px}.trainer-card{padding:27px}.writer-card{border-radius:18px}.writer-toolbar>div{flex-direction:column;gap:2px;display:flex}.writer-toolbar .eyebrow{line-height:1.2}.writer-toolbar strong{font-size:16px;line-height:1.25;display:block}.save-character{border:1px solid var(--line);min-height:36px;color:var(--jade-dark);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:7px 11px;font-weight:850;display:inline-flex}.save-character.saved{color:#fff;border-color:var(--jade);background:var(--jade)}.writer-mode-tabs{border-bottom:1px solid var(--line);background:#edf3ef;grid-template-columns:1fr 1fr;padding:7px;display:grid}.writer-mode-tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-weight:850;display:inline-flex}.writer-mode-tabs button.active{color:#fff;background:var(--jade);box-shadow:0 4px 14px #19312c24}.writer-stage{min-height:420px}.stage-corner-label{z-index:1;color:var(--muted);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe0;border:1px solid #19312c1a;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:850;position:absolute;top:14px;left:14px;width:auto!important;height:auto!important}.writer-progress{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;gap:10px;padding:11px 18px;font-size:11px;font-weight:800;display:grid}.writer-progress>div{background:#e5ece8;border-radius:99px;height:6px;overflow:hidden}.writer-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--coral),#f09a75);height:100%;transition:width .2s;display:block}.writer-status{justify-content:space-between;align-items:center;gap:12px;padding-block:10px;display:flex}.writer-status>button{color:var(--jade-dark);background:#edf5f1;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:800;display:inline-flex}.writer-control-panel{border-top:1px solid var(--line);background:#fbfcfa;padding:14px 18px}.writer-primary-actions{flex-wrap:wrap;gap:8px;display:flex}.writer-primary-actions .button:disabled{cursor:not-allowed;opacity:.45}.writer-settings{flex-wrap:wrap;align-items:end;gap:8px;margin-top:12px;display:flex}.writer-settings label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;gap:4px;font-size:10px;font-weight:850;display:grid}.writer-settings select,.setting-toggle{border:1px solid var(--line);min-height:36px;color:var(--ink);font:inherit;background:#fff;border-radius:9px;padding:7px 10px}.setting-toggle{align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.practice-tip{color:var(--muted);margin:11px 0 0;font-size:12px;line-height:1.55}.license-note{padding-top:0;display:block}.writing-note-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.writing-note-grid>div{background:#f1f6f2;border-radius:15px;padding:18px}.writing-note-grid strong{font-family:var(--font-hanzi),serif;font-size:30px;line-height:1.2;display:block}.writing-note-grid span{color:var(--jade);text-transform:uppercase;letter-spacing:.05em;margin-top:5px;font-size:11px;font-weight:900;display:block}.writing-note-grid p{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.55}.stroke-explorer{gap:18px;display:grid}.stroke-explorer-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.stroke-explorer-toolbar p{color:var(--muted);align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.stroke-focus{grid-template-columns:42px minmax(0,230px) 42px;justify-content:center;align-items:center;gap:13px;display:grid}.stroke-focus>button{border:1px solid var(--line);width:42px;height:42px;color:var(--jade);background:#fff;border-radius:50%;place-items:center;display:grid}.stroke-focus>button:disabled{opacity:.32}.stroke-focus figure{border:1px solid var(--line);background:#fffdf8;border-radius:18px;margin:0;overflow:hidden;box-shadow:0 12px 28px #19312c14}.stroke-focus svg,.stroke-diagrams svg{aspect-ratio:1;background-image:linear-gradient(#0000 calc(50% - .5px),#eadbd3 50%,#0000 calc(50% + .5px)),linear-gradient(90deg,#0000 calc(50% - .5px),#eadbd3 50%,#0000 calc(50% + .5px));width:100%;display:block}.stroke-focus figcaption{border-top:1px solid var(--line);justify-content:space-between;padding:9px 12px;font-size:12px;display:flex}.stroke-focus figcaption span{color:var(--muted)}.stroke-diagrams{grid-template-columns:repeat(7,1fr)}.stroke-diagrams button{border:1px solid var(--line);background:#fffdf8;border-radius:10px;padding:0;position:relative;overflow:hidden}.stroke-diagrams button.selected{border-color:var(--coral);box-shadow:0 0 0 2px #e8715229}.stroke-diagrams button span{color:#fff;background:var(--jade);border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;font-weight:900;display:grid;position:absolute;top:5px;left:6px}.stroke-diagrams button.selected span{background:var(--coral)}.deck-toolbar,.dictation-settings{gap:12px;margin-bottom:18px;display:flex}.deck-toolbar label,.dictation-settings label,.session-field{color:var(--muted);gap:6px;font-size:12px;font-weight:800;display:grid}.deck-toolbar select,.dictation-settings select,.session-field textarea,.session-field select{color:var(--ink);background:#fff;border:1px solid #d3deda;border-radius:9px;padding:9px 11px}.deck-toolbar{justify-content:flex-end}.review-progress{justify-content:space-between;display:flex}.flashcard>strong{font-family:var(--font-hanzi),serif;font-size:110px}.review-hard{color:#5d536a;background:#ece6f2}.flashcard{width:100%;color:var(--ink);transition:transform .2s,box-shadow .2s}.flashcard:hover{transform:translateY(-2px)}.flashcard.revealed{background:linear-gradient(145deg,#fff,#f0f6f2)}.flashcard>div{max-width:520px}.flashcard>div>span{color:var(--jade);font-size:18px;font-weight:850}.flashcard>div p{color:#52635f;line-height:1.65}.flashcard>div small{color:var(--muted)}.session-sidebar h2{margin:8px 0}.session-sidebar>p{color:var(--muted);margin:0 0 16px;font-size:13px}.session-start{width:100%;margin:14px 0}.session-summary,.dictation-stats{background:#f1f6f2;border-radius:12px;grid-template-columns:auto 1fr;gap:3px 9px;margin:16px 0;padding:12px;display:grid}.session-summary span,.dictation-stats span{color:var(--muted);font-size:12px}.queue-list{margin:14px 0}.queue-list button.completed{color:var(--jade);background:#e2f0e9}.queue-list button.completed svg{position:absolute;top:1px;right:1px}.queue-list button{position:relative}.session-main{min-width:0}.session-progress>div{background:#e6ede9;border-radius:99px;height:7px;margin-top:8px;overflow:hidden}.session-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--jade),#4b9a82);height:100%;display:block}.practice-focus{font-size:inherit;grid-template-columns:190px minmax(0,1fr);align-items:start;gap:22px;display:grid}.practice-focus>div:first-child{padding:30px 0}.practice-focus h1{font-family:var(--font-hanzi),serif;margin:8px 0 0;font-size:100px;line-height:1}.practice-focus p{color:var(--muted);margin:10px 0;font-size:14px}.session-nav{border-top:1px solid var(--line);padding-top:8px}.dictation-layout{grid-template-columns:220px minmax(0,680px);justify-content:center;gap:24px;display:grid}.dictation-settings{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px;display:block}.dictation-settings label+label{margin-top:14px}.dictation-canvas{background-color:#fffdf8;background-image:linear-gradient(#1d6b591f 1px,#0000 1px),linear-gradient(90deg,#1d6b591f 1px,#0000 1px);background-size:50% 50%;border:1px solid #d6e2dc;width:min(300px,76vw);height:min(300px,76vw);margin:14px auto}.dictation-canvas svg{width:100%;height:100%}.dictation-meaning{color:var(--muted)}.worksheet-stroke-strip{gap:5px;margin:0 0 8px 40px;display:flex}.worksheet-stroke-strip svg{background:#fff;border:1px solid #d6e2dc;width:46px;height:46px}.worksheet-stroke-strip text{fill:var(--muted);font:70px sans-serif}.worksheet-settings-title{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.worksheet-settings-title h3{margin:0;font-size:15px}.worksheet-preview-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.worksheet-preview-head h2{align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.worksheet-preview-head h2 svg{width:19px}.worksheet-preview-head span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#ffffffb3;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:850}.review-page{background:linear-gradient(#fbfaf5,#f5f8f5)}.rule-glyph{aspect-ratio:1;background:#e4f1eb;border-radius:16px;place-items:center;display:grid;overflow:hidden}.rule-glyph svg{width:100%;height:100%}.worksheet-generator-page .page-hero .pill{color:#fff;background:#ffffff1a;border-color:#ffffff3d;align-items:center;gap:6px;display:inline-flex}@media (max-width:900px){.vocab-table-head{display:none}.vocab-row>a{grid-template-columns:100px 1fr}.vocab-row p{grid-column:1/-1}.vocab-pos{display:none}.vocab-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-focus{grid-template-columns:1fr}.practice-focus>div:first-child{padding:0}.practice-focus h1{font-size:72px}.writing-note-grid{grid-template-columns:1fr}.stroke-diagrams{grid-template-columns:repeat(5,1fr)}.quick-worksheet{grid-template-columns:1fr}.quick-sheet-actions{grid-template-columns:1fr 1fr}.quick-worksheet>p{grid-column:auto;margin:0}.usage-patterns{grid-template-columns:1fr}.component-equation{flex-wrap:wrap}}@media (max-width:780px){.desktop-nav a.active:after{display:none}.dictation-layout{grid-template-columns:1fr}.dictation-settings{grid-template-columns:1fr 1fr;display:grid}.dictation-settings label+label{margin-top:0}.dictation-stats{grid-column:1/-1}.deck-toolbar{justify-content:stretch}.deck-toolbar label{flex:1}.hsk-summary{grid-template-columns:1fr}.hsk-summary>div+div{border-left:0;border-top:1px solid var(--line)}.kind-filter{margin-left:0}.writer-stage{min-height:330px}}@media (max-width:560px){.hsk-toolbar{flex-direction:column;align-items:stretch}.hsk-toolbar .segmented{width:100%}.vocab-heading{flex-direction:column;align-items:flex-start}.vocab-row>a{grid-template-columns:74px 1fr;gap:7px;padding:12px}.vocab-row strong{font-size:22px}.vocab-row>button{margin-right:7px}.vocab-grid-view{grid-template-columns:1fr}.detail-sidebar .info-grid>div:nth-child(4),.detail-sidebar .info-grid>div:nth-child(5){grid-column:auto}.trainer-card{padding:17px}.writer-toolbar{flex-direction:row;align-items:center}.writer-status{flex-direction:column;align-items:flex-start}.writer-primary-actions{grid-template-columns:1fr 1fr;display:grid}.writer-primary-actions .button{width:100%;padding-inline:8px}.writer-settings{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.writer-settings label{grid-column:1/-1}.writer-settings select{width:100%}.writer-progress{grid-template-columns:1fr auto}.writer-progress>span:last-child{grid-column:1/-1}.stroke-explorer-toolbar{flex-direction:column;align-items:flex-start}.stroke-explorer-toolbar .segmented{width:100%}.stroke-focus{grid-template-columns:36px minmax(0,190px) 36px;gap:8px}.stroke-focus>button{width:36px;height:36px}.stroke-diagrams{grid-template-columns:repeat(4,1fr)}.component-equation{gap:10px;padding:17px}.component-equation>strong{font-size:50px}.component-equation-part{gap:10px}.component-equation-part>a{min-width:115px}.quick-sheet-actions,.context-word-grid{grid-template-columns:1fr}.sentence-list>div{grid-template-columns:1fr;align-items:start}.facts-card dl>div{grid-template-columns:90px 1fr}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-stat-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-stat-row span{color:#d7ebe4;background:#ffffff14;border:1px solid #fff3;border-radius:11px;padding:9px 12px;font-size:11px}.hero-stat-row strong{color:#fff;margin-right:4px;font-size:15px}.component-directory,.radical-family-page{min-height:100vh}.component-explorer,.radical-explorer{width:100%}.component-start{padding-bottom:28px}.component-route-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.component-route-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px}.component-route-grid i{width:42px;height:42px;color:var(--coral);background:#fff0e9;border-radius:13px;place-items:center;display:grid}.component-route-grid i svg{width:20px}.component-route-grid h3{margin:16px 0 7px;font-size:18px}.component-route-grid p{min-height:44px;color:var(--muted);margin:0;font-size:12px;line-height:1.65}.component-route-grid article>div{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.component-route-grid article>div a{width:39px;height:39px;color:var(--jade);font-family:var(--font-hanzi),serif;background:#edf4ef;border-radius:10px;place-items:center;font-size:23px;display:grid}.component-route-grid article>div a:hover{color:#fff;background:var(--jade)}.component-explorer-section{padding-top:38px}.component-toolbar{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex;position:sticky;top:82px;box-shadow:0 12px 30px #19312c0f}.component-toolbar label{min-width:280px;color:var(--muted);flex:1;align-items:center;gap:9px;padding:0 10px;display:flex}.component-toolbar input{background:0 0;border:0;outline:0;width:100%;padding:9px 0}.component-result-count{color:var(--muted);margin:14px 2px;font-size:12px}.component-catalog{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.component-catalog>a{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:14px;display:grid}.component-catalog>a:hover{border-color:#9dc7b9;transform:translateY(-1px);box-shadow:0 10px 24px #19312c12}.component-catalog>a>strong{font-family:var(--font-hanzi),serif;text-align:center;font-size:34px}.component-catalog>a div{min-width:0}.component-catalog span{color:var(--jade);font-size:11px;font-weight:850}.component-catalog p{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:12px;overflow:hidden}.component-catalog small{color:var(--muted);font-size:10px}.component-empty{border:1px dashed var(--line);text-align:center;border-radius:18px;padding:50px}.component-empty h2{margin:0 0 7px}.component-empty p{color:var(--muted);margin:0}.component-principles{padding-top:26px;padding-bottom:80px}.component-principles>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.component-principles p{color:var(--muted);background:#edf4ef;border-radius:14px;margin:0;padding:17px;font-size:13px}.component-principles .text-link{align-items:center;gap:6px;margin-top:17px;display:inline-flex}.component-family-page{background:linear-gradient(#fbfaf6 0,#f7faf7 44%,#fbfaf6 100%)}.component-family-hero{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:150px minmax(0,1fr) 205px;align-items:center;gap:30px;padding:30px 34px 38px;display:grid}.component-glyph{aspect-ratio:1;color:var(--jade);font-family:var(--font-hanzi),serif;background:linear-gradient(145deg,#e4f2eb,#fff6ee);border-radius:22px;place-items:center;font-size:94px;display:grid}.component-role{color:var(--jade);text-transform:uppercase;letter-spacing:.08em;background:#e5f2eb;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:900;display:inline-flex}.component-role.role-sound{color:#8a4b19;background:#fff0df}.component-role.role-visual{color:#4d5870;background:#edf0f7}.component-family-hero h1{margin:10px 0 4px;font-size:40px}.component-family-hero>div:nth-child(2)>p:last-of-type{max-width:660px;color:var(--muted);line-height:1.7}.component-pronunciation{font-weight:850;color:var(--jade)!important;margin:0!important}.component-family-hero .hero-actions{align-items:center}.component-family-hero .hero-actions>button{height:42px}.component-family-hero>aside{gap:9px;display:grid}.component-family-hero>aside span{color:var(--muted);background:#f1f6f2;border-radius:13px;padding:12px;font-size:10px;display:grid}.component-family-hero>aside strong{color:var(--ink);font-size:21px}.component-use-section{padding-bottom:30px}.component-step-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.component-step-grid article{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:42px 1fr;gap:13px;padding:20px;display:grid}.component-step-grid article>span{color:#fff;background:var(--coral);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.component-step-grid h3{margin:3px 0 7px;font-size:16px}.component-step-grid p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.component-pattern-section{padding-top:28px}.component-pattern-callout{color:#fff;background:var(--jade);border-radius:22px;grid-template-columns:190px 1fr;align-items:center;gap:28px;margin-bottom:52px;padding:26px;display:grid}.component-pattern-callout>div:first-child{background:#ffffff1a;border-radius:17px;place-items:center;padding:18px;display:grid}.component-pattern-callout>div:first-child span,.component-pattern-callout>div:first-child small{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.component-pattern-callout>div:first-child strong{font-family:var(--font-hanzi),serif;font-size:76px;line-height:1.2}.component-pattern-callout h2{margin:0 0 10px;font-size:27px}.component-pattern-callout p{color:#d7ebe4;margin:7px 0;font-size:13px;line-height:1.65}.component-family-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.component-family-card{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:215px minmax(0,1fr);gap:18px;padding:17px;display:grid}.component-mini-equation{background:#f1f6f2;border-radius:13px;align-items:center;gap:10px;padding:12px;display:flex}.component-mini-equation>strong{font-family:var(--font-hanzi),serif;font-size:42px}.component-mini-equation>span{color:var(--muted)}.component-mini-equation>div,.component-mini-equation>div>span{align-items:center;gap:5px;display:flex}.component-mini-equation b{color:var(--muted);font-weight:500}.component-mini-equation i{font-family:var(--font-hanzi),serif;background:#fff;border-radius:8px;padding:4px 6px;font-size:23px;font-style:normal}.component-mini-equation .shared i{color:#fff;background:var(--coral)}.component-family-meta{min-width:0}.component-family-meta>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.component-family-meta>div>span{color:var(--jade);font-size:12px;font-weight:850}.component-family-meta small{color:#716240;background:#fff4d8;border-radius:6px;padding:4px 6px;font-size:9px}.component-family-meta p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:7px 0 11px;font-size:12px;overflow:hidden}.component-family-meta>a{color:var(--coral);align-items:center;gap:5px;font-size:11px;font-weight:850;display:inline-flex}.component-more{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:230px 1fr;gap:24px;margin-top:18px;padding:22px;display:grid}.component-more h3{margin:0 0 7px}.component-more p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.component-more>div:last-child{flex-wrap:wrap;gap:7px;display:flex}.component-more>div:last-child a{background:#edf4ef;border-radius:9px;align-items:center;gap:5px;padding:6px 8px;display:flex}.component-more strong{font-family:var(--font-hanzi),serif;font-size:20px}.component-more span{color:var(--muted);font-size:9px}.component-word-section{padding-top:30px}.component-word-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.component-word-grid>a{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 12px;padding:16px;display:grid}.component-word-grid strong{font-family:var(--font-hanzi),serif;font-size:25px}.component-word-grid span{color:var(--jade);font-size:11px}.component-word-grid p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;margin:0;font-size:11px;overflow:hidden}.component-word-grid small{color:#716240;background:#fff4d8;border-radius:6px;padding:4px 6px;font-size:9px}.component-follow-section{grid-template-columns:minmax(0,1fr) 310px;gap:24px;display:grid}.related-component-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.related-component-grid>a{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;place-items:center;padding:13px;display:grid}.related-component-grid strong{font-family:var(--font-hanzi),serif;font-size:32px}.related-component-grid span{color:var(--jade);font-size:10px}.related-component-grid small{color:var(--muted);margin-top:3px;font-size:9px}.component-next-actions{color:#fff;background:var(--jade);border-radius:19px;align-self:start;padding:20px}.component-next-actions h2{margin:0 0 10px;font-size:19px}.component-next-actions>a{border-top:1px solid #ffffff24;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.component-next-actions>a>span{display:grid}.component-next-actions strong{font-size:12px}.component-next-actions small{color:#cfe3dc;font-size:9px}.component-faq{padding-top:32px;padding-bottom:90px}.component-faq details{border-top:1px solid var(--line);background:#fff}.component-faq details:last-child{border-bottom:1px solid var(--line)}.component-faq summary{cursor:pointer;padding:17px 5px;font-weight:850}.component-faq details p{color:var(--muted);margin:0;padding:0 5px 18px;font-size:13px;line-height:1.75}.radical-family-intro{justify-content:space-between;align-items:center;gap:25px;padding-bottom:20px;display:flex}.radical-family-intro h2{margin:7px 0}.radical-family-intro p{max-width:680px;color:var(--muted);margin:0}.radical-family-intro aside{background:#edf4ef;border-radius:16px;min-width:150px;padding:18px;display:grid}.radical-family-intro aside strong{font-size:30px}.radical-family-intro aside span{color:var(--muted);font-size:11px}.radical-stroke-groups{gap:17px;padding-top:20px;display:grid}.radical-stroke-groups>section{border:1px solid var(--line);background:#fff;border-radius:19px;overflow:hidden}.radical-stroke-groups header{background:#f1f6f2;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.radical-stroke-groups header>div{align-items:center;gap:10px;display:flex}.radical-stroke-groups header span{color:#fff;background:var(--jade);border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.radical-stroke-groups h2{margin:0;font-size:17px}.radical-stroke-groups header small{color:var(--muted)}.radical-stroke-groups>section>div{grid-template-columns:repeat(3,1fr);display:grid}.radical-stroke-groups>section>div>a{border-right:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:43px 55px minmax(0,1fr) auto;align-items:center;gap:8px;padding:13px 15px;display:grid}.radical-stroke-groups>section>div>a:nth-child(3n){border-right:0}.radical-stroke-groups strong{font-family:var(--font-hanzi),serif;font-size:27px}.radical-stroke-groups a>span{color:var(--jade);font-size:11px}.radical-stroke-groups a>p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.radical-stroke-groups a>svg{color:var(--coral)}.radical-component-bridge{color:#fff;background:var(--jade);border-radius:22px;margin-top:50px;margin-bottom:80px;padding:30px}.radical-component-bridge h2{margin:8px 0}.radical-component-bridge p{color:#d4e8e1}.radical-component-bridge .button{color:var(--jade);background:#fff;margin-top:8px}@media (max-width:1000px){.component-catalog{grid-template-columns:repeat(3,1fr)}.component-family-hero{grid-template-columns:130px 1fr}.component-family-hero>aside{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.component-family-grid{grid-template-columns:1fr}.component-word-grid{grid-template-columns:repeat(2,1fr)}.component-follow-section{grid-template-columns:1fr}.related-component-grid{grid-template-columns:repeat(5,1fr)}.radical-stroke-groups>section>div{grid-template-columns:repeat(2,1fr)}.radical-stroke-groups>section>div>a:nth-child(3n){border-right:1px solid var(--line)}.radical-stroke-groups>section>div>a:nth-child(2n){border-right:0}}@media (max-width:760px){.component-route-grid,.component-step-grid{grid-template-columns:1fr}.component-route-grid p{min-height:0}.component-toolbar{flex-direction:column;align-items:stretch;position:static}.component-toolbar label{min-width:0}.component-toolbar .segmented{width:100%;overflow:auto}.component-toolbar .segmented button{flex:1}.component-catalog{grid-template-columns:repeat(2,1fr)}.component-principles>div{grid-template-columns:1fr}.component-family-hero{grid-template-columns:95px 1fr;padding:22px}.component-glyph{font-size:64px}.component-family-hero h1{font-size:31px}.component-pattern-callout{grid-template-columns:130px 1fr}.component-family-card{grid-template-columns:190px 1fr}.component-more,.component-word-grid,.radical-stroke-groups>section>div{grid-template-columns:1fr}.radical-stroke-groups>section>div>a,.radical-stroke-groups>section>div>a:nth-child(3n){border-right:0}.radical-family-intro{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.component-catalog,.component-family-hero{grid-template-columns:1fr}.component-glyph{width:105px}.component-family-hero>aside,.component-pattern-callout{grid-template-columns:1fr}.component-pattern-callout>div:first-child{grid-template-columns:auto auto auto;gap:10px}.component-pattern-callout>div:first-child strong{font-size:58px}.component-family-card{grid-template-columns:1fr}.component-mini-equation{justify-content:center}.related-component-grid{grid-template-columns:repeat(2,1fr)}.radical-stroke-groups>section>div>a{grid-template-columns:38px 48px minmax(0,1fr) auto}}.radical-toolbar{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex}.radical-toolbar label:first-child{color:var(--muted);flex:1;align-items:center;gap:9px;padding:0 10px;display:flex}.radical-toolbar input{border:0;outline:0;width:100%;padding:9px 0}.radical-toolbar select{border:1px solid var(--line);color:var(--ink);background:#f4f7f5;border-radius:11px;padding:10px 34px 10px 12px}.radical-directory-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.radical-directory-grid>article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px}.radical-directory-main{grid-template-columns:58px 1fr;align-items:center;gap:12px;display:grid}.radical-directory-main>strong{font-family:var(--font-hanzi),serif;text-align:center;font-size:39px}.radical-directory-main h3{text-transform:capitalize;margin:0 0 3px;font-size:15px}.radical-directory-main span,.radical-directory-main small{color:var(--muted);font-size:10px;display:block}.radical-directory-examples{gap:6px;margin:12px 0;display:flex}.radical-directory-examples a{width:30px;height:30px;font-family:var(--font-hanzi),serif;background:#edf4ef;border-radius:8px;place-items:center;font-size:18px;display:grid}.radical-directory-component{color:var(--coral);font-size:10px;font-weight:850;display:inline-flex}@media (max-width:1000px){.radical-directory-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.radical-toolbar{flex-direction:column;align-items:stretch}.radical-toolbar select{width:100%}.radical-directory-grid{grid-template-columns:1fr}}.lookup-route-wrap{z-index:3;margin-top:-22px;padding:0 0 12px;position:relative}.lookup-route-wrap>.eyebrow{color:#dceae5;margin:0 0 8px 5px;display:block}.lookup-route-nav{border:1px solid var(--line);background:#fffffff7;border-radius:19px;grid-template-columns:repeat(4,1fr);padding:7px;display:grid;box-shadow:0 14px 38px #19312c1a}.lookup-route-nav>a{border-radius:13px;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-width:0;padding:12px;display:grid}.lookup-route-nav>a:hover{background:#f1f6f2}.lookup-route-nav>a.active{color:#fff;background:var(--jade)}.lookup-route-nav i{width:38px;height:38px;color:var(--coral);background:#fff0e9;border-radius:11px;place-items:center;display:grid}.lookup-route-nav .active i{color:var(--jade);background:#fff}.lookup-route-nav svg{width:18px}.lookup-route-nav strong,.lookup-route-nav small{display:block}.lookup-route-nav strong{font-size:13px}.lookup-route-nav small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.35}.lookup-route-nav .active small{color:#d5e8e1}.dictionary-hub,.pinyin-hub,.radical-index-page,.pinyin-family-page{background:linear-gradient(#fbfaf6,#f4f8f5 58%,#fbfaf6);min-height:100vh}.dictionary-hero .narrow{text-align:center;justify-items:center;display:grid}.dictionary-hero form{width:min(100%,720px);margin-top:22px}.dictionary-query-examples{color:#cfe2db;justify-content:center;align-items:center;gap:8px;margin-top:11px;font-size:11px;display:flex}.dictionary-query-examples a{color:#fff;border:1px solid #ffffff2e;border-radius:99px;padding:4px 8px}.dictionary-results{padding-top:34px}.top-characters-section{padding-top:42px}.top-character-grid{grid-template-columns:repeat(10,1fr);gap:8px;display:grid}.top-character-grid>a{border:1px solid var(--line);text-align:center;background:#fff;border-radius:14px;justify-items:center;min-width:0;padding:13px 7px;transition:all .15s;display:grid;position:relative}.top-character-grid>a:hover{border-color:#9bc4b6;transform:translateY(-2px);box-shadow:0 9px 22px #19312c12}.top-character-grid small{color:#a5b3ae;font-size:8px;position:absolute;top:6px;left:7px}.top-character-grid strong{font-family:var(--font-hanzi),serif;font-size:31px;line-height:1.15}.top-character-grid span{color:var(--jade);font-size:10px;font-weight:850}.top-character-grid p{width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:9px;overflow:hidden}.dictionary-learning-path,.dictionary-about,.dictionary-faq{padding-top:34px}.dictionary-step-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.dictionary-step-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:22px;position:relative}.dictionary-step-grid i{width:42px;height:42px;color:var(--coral);background:#fff0e9;border-radius:13px;place-items:center;display:grid}.dictionary-step-grid i svg{width:20px}.dictionary-step-grid article>span{color:#d8e5e0;font-size:34px;font-weight:900;position:absolute;top:20px;right:20px}.dictionary-step-grid h3{margin:15px 0 7px}.dictionary-step-grid p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.dictionary-collections{color:#fff;background:var(--jade);border-radius:22px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:28px;margin-top:42px;padding:27px;display:grid}.dictionary-collections h2{margin:7px 0}.dictionary-collections p{color:#d2e7df;margin:0;font-size:13px}.dictionary-collections>div:last-child{gap:9px;display:grid}.dictionary-collections a{color:var(--ink);background:#fff;border-radius:13px;grid-template-columns:1fr auto;gap:3px 12px;padding:14px;display:grid}.dictionary-collections a span{color:var(--muted);font-size:10px}.dictionary-collections a svg{color:var(--coral);grid-area:1/2/3;align-self:center}.dictionary-about p{color:var(--muted);line-height:1.75}.dictionary-faq{padding-bottom:90px}.dictionary-faq details{border-top:1px solid var(--line);background:#fff}.dictionary-faq details:last-child{border-bottom:1px solid var(--line)}.dictionary-faq summary{cursor:pointer;padding:17px 6px;font-weight:850}.dictionary-faq details p{color:var(--muted);margin:0;padding:0 6px 18px;font-size:13px;line-height:1.7}.pinyin-explorer-section,.radical-explorer-section{padding-top:40px}.pinyin-search{border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px}.pinyin-search label{color:var(--muted);align-items:center;gap:10px;display:flex}.pinyin-search input{width:100%;font:inherit;background:0 0;border:0;outline:0;padding:8px 0}.pinyin-letter-nav{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:14px;flex-wrap:wrap;gap:5px;margin-top:12px;padding:9px;display:flex;position:sticky;top:82px}.pinyin-letter-nav a{min-width:32px;color:var(--jade);text-align:center;background:#edf4ef;border-radius:8px;padding:7px;font-size:11px;font-weight:900}.pinyin-letter-nav a:hover{color:#fff;background:var(--jade)}.pinyin-index-groups{gap:14px;display:grid}.pinyin-index-groups>section{border:1px solid var(--line);background:#fff;border-radius:17px;scroll-margin-top:155px;overflow:hidden}.pinyin-index-groups header{background:#f1f6f2;justify-content:space-between;align-items:center;padding:13px 17px;display:flex}.pinyin-index-groups h2{color:var(--jade);margin:0;font-size:20px}.pinyin-index-groups header span{color:var(--muted);font-size:10px}.pinyin-index-groups>section>div{grid-template-columns:repeat(5,1fr);display:grid}.pinyin-index-groups a{border-top:1px solid var(--line);border-right:1px solid var(--line);min-width:0;padding:13px 15px;display:grid}.pinyin-index-groups a:nth-child(5n){border-right:0}.pinyin-index-groups a strong{font-size:15px}.pinyin-index-groups a span{min-height:23px;font-family:var(--font-hanzi),serif;letter-spacing:3px;white-space:nowrap;margin-top:5px;font-size:18px;overflow:hidden}.pinyin-index-groups a small{color:var(--muted);margin-top:3px;font-size:9px}.pinyin-tone-section,.pinyin-learning-route,.pinyin-other-routes{padding-top:36px}.tone-learning-grid{grid-template-columns:repeat(5,1fr);gap:11px;display:grid}.tone-learning-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:auto 1fr;gap:5px 13px;padding:17px;display:grid}.tone-learning-grid article>span{color:#fff;background:var(--coral);border-radius:8px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:900;display:grid}.tone-learning-grid article>strong{font-family:var(--font-hanzi),serif;grid-row:1/3;font-size:42px}.tone-learning-grid h3{margin:2px 0;font-size:13px}.tone-learning-grid p,.tone-learning-grid small{color:var(--muted);margin:0;font-size:9px;line-height:1.5;display:block}.pinyin-route-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.pinyin-route-grid article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:20px;position:relative}.pinyin-route-grid svg{color:var(--coral)}.pinyin-route-grid article>span{color:#dce7e3;font-size:24px;font-weight:900;position:absolute;top:17px;right:17px}.pinyin-route-grid h3{margin:16px 0 7px}.pinyin-route-grid p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.pinyin-other-routes,.radical-other-methods{color:#fff;background:var(--jade);border-radius:21px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:24px;margin-top:40px;margin-bottom:80px;padding:25px;display:grid}.pinyin-other-routes h2,.radical-other-methods h2{margin:0 0 6px}.pinyin-other-routes p,.radical-other-methods p{color:#d2e7df;margin:0;font-size:12px}.pinyin-other-routes>div:last-child,.radical-other-methods>div:last-child{grid-template-columns:1fr 1fr;gap:9px;display:grid}.pinyin-other-routes a,.radical-other-methods a{color:var(--ink);background:#fff;border-radius:12px;grid-template-columns:1fr auto;gap:4px;padding:13px;display:grid}.pinyin-other-routes a span{color:var(--muted);grid-column:1;font-size:9px}.pinyin-other-routes a svg,.radical-other-methods a svg{color:var(--coral);grid-area:1/2/3;align-self:center}.pinyin-family-hero{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:25px;padding:27px 31px;display:grid}.pinyin-family-hero h1{margin:7px 0}.pinyin-family-hero p{max-width:690px;color:var(--muted);margin:0}.pinyin-family-hero aside{gap:9px;display:flex}.pinyin-family-hero aside span{min-width:105px;color:var(--muted);background:#edf4ef;border-radius:13px;padding:14px;font-size:9px;display:grid}.pinyin-family-hero aside strong{color:var(--ink);font-size:24px}.pinyin-tone-families{padding-top:35px}.pinyin-tone-families>section{border:1px solid var(--line);background:#fff;border-radius:19px;margin-top:14px;overflow:hidden}.pinyin-tone-families>section>header{background:#f1f6f2;justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.pinyin-tone-families>section>header>div{align-items:center;gap:11px;display:flex}.pinyin-tone-families header>div>span{color:#fff;background:var(--coral);border-radius:12px;place-items:center;width:39px;height:39px;font-weight:900;display:grid}.pinyin-tone-families h2{margin:0;font-size:15px}.pinyin-tone-families header p{color:var(--jade);margin:2px 0 0;font-size:11px}.pinyin-character-grid{grid-template-columns:repeat(3,1fr);display:grid}.pinyin-character-grid>a{border-top:1px solid var(--line);border-right:1px solid var(--line);grid-template-columns:49px 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.pinyin-character-grid>a:nth-child(3n){border-right:0}.pinyin-character-grid>a>strong{font-family:var(--font-hanzi),serif;text-align:center;font-size:34px}.pinyin-character-grid span{color:var(--jade);font-size:11px;font-weight:850}.pinyin-character-grid p{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:11px;overflow:hidden}.pinyin-character-grid small{color:var(--muted);font-size:9px}.pinyin-character-grid svg{color:var(--coral)}.pinyin-word-section{padding-top:38px}.pinyin-family-footer{grid-template-columns:1fr 280px;gap:24px;padding-top:38px;padding-bottom:85px;display:grid}.related-syllables{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.related-syllables a{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px;display:grid}.related-syllables strong{font-size:14px}.related-syllables span{font-family:var(--font-hanzi),serif;margin:4px 0}.related-syllables small{color:var(--muted);font-size:9px}.pinyin-family-footer>aside{color:#fff;background:var(--jade);border-radius:18px;align-self:start;padding:20px}.pinyin-family-footer>aside h2{margin:0 0 6px;font-size:17px}.pinyin-family-footer>aside p{color:#d1e5de;font-size:11px;line-height:1.6}.pinyin-family-footer>aside a{border-top:1px solid #ffffff26;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:11px 0;font-size:11px;font-weight:850;display:grid}.radical-benefits,.radical-lookup-route{padding-top:36px}.radical-benefits>div:last-child,.radical-lookup-route>div:last-child{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.radical-benefits article,.radical-lookup-route article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:20px}.radical-benefits svg{color:var(--coral)}.radical-benefits h3,.radical-lookup-route h3{margin:15px 0 7px}.radical-benefits p,.radical-lookup-route p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.radical-lookup-route article>span{color:#fff;background:var(--jade);border-radius:9px;place-items:center;width:30px;height:30px;font-size:11px;font-weight:900;display:grid}.radical-other-methods>div:first-child{align-items:flex-start;gap:13px;display:flex}.radical-other-methods>div:first-child>svg{color:#ffd0bb;flex:none}.radical-other-methods>div:last-child a{align-items:center}@media (max-width:1000px){.top-character-grid{grid-template-columns:repeat(8,1fr)}.pinyin-index-groups>section>div{grid-template-columns:repeat(4,1fr)}.pinyin-index-groups a:nth-child(5n){border-right:1px solid var(--line)}.pinyin-index-groups a:nth-child(4n){border-right:0}.tone-learning-grid{grid-template-columns:repeat(3,1fr)}.pinyin-character-grid{grid-template-columns:repeat(2,1fr)}.pinyin-character-grid>a:nth-child(3n){border-right:1px solid var(--line)}.pinyin-character-grid>a:nth-child(2n){border-right:0}}@media (max-width:760px){.lookup-route-wrap{margin-top:-12px}.lookup-route-wrap>.eyebrow{color:var(--coral)}.lookup-route-nav{grid-template-columns:1fr 1fr}.top-character-grid{grid-template-columns:repeat(5,1fr)}.dictionary-step-grid,.pinyin-route-grid{grid-template-columns:1fr 1fr}.dictionary-collections,.pinyin-other-routes,.radical-other-methods{grid-template-columns:1fr}.pinyin-index-groups>section>div{grid-template-columns:repeat(3,1fr)}.pinyin-index-groups a:nth-child(4n){border-right:1px solid var(--line)}.pinyin-index-groups a:nth-child(3n){border-right:0}.tone-learning-grid{grid-template-columns:1fr 1fr}.pinyin-family-hero,.pinyin-family-footer{grid-template-columns:1fr}.radical-benefits>div:last-child,.radical-lookup-route>div:last-child{grid-template-columns:1fr 1fr}}@media (max-width:520px){.lookup-route-nav{grid-template-columns:1fr}.lookup-route-nav>a{padding:9px}.dictionary-query-examples{flex-wrap:wrap}.top-character-grid{grid-template-columns:repeat(4,1fr)}.dictionary-step-grid,.pinyin-route-grid,.dictionary-collections>div:last-child,.pinyin-other-routes>div:last-child,.radical-other-methods>div:last-child{grid-template-columns:1fr}.pinyin-index-groups>section>div{grid-template-columns:repeat(2,1fr)}.pinyin-index-groups a:nth-child(3n){border-right:1px solid var(--line)}.pinyin-index-groups a:nth-child(2n){border-right:0}.tone-learning-grid{grid-template-columns:1fr}.pinyin-family-hero{padding:20px}.pinyin-family-hero aside{flex-direction:column}.pinyin-character-grid{grid-template-columns:1fr}.pinyin-character-grid>a,.pinyin-character-grid>a:nth-child(2n),.pinyin-character-grid>a:nth-child(3n){border-right:0}.related-syllables{grid-template-columns:1fr 1fr}.radical-benefits>div:last-child,.radical-lookup-route>div:last-child{grid-template-columns:1fr}}.pinyin-index-app{width:100%}.tools-directory-page,.tool-page{background:linear-gradient(#fbfaf6,#f4f8f5);min-height:100vh}.tools-directory-hero{padding:62px 0 78px}.tools-directory-hero>.shell{grid-template-columns:1fr auto;align-items:end;gap:40px;display:grid}.tools-directory-hero h1{max-width:740px}.tool-journey{background:#ffffff12;border:1px solid #ffffff26;border-radius:15px;align-items:center;gap:8px;padding:10px;display:flex}.tool-journey>span{color:#d7e8e2;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.tool-journey strong{width:22px;height:22px;color:var(--jade);background:#fff;border-radius:7px;place-items:center;display:grid}.tool-journey>svg{color:#84aa9e;width:13px}.tools-nav-wrap{z-index:4;margin-top:-33px;position:relative}.tools-navigation{border:1px solid var(--line);background:#fffffffa;border-radius:19px;grid-template-columns:repeat(4,1fr);padding:8px;display:grid;box-shadow:0 15px 38px #19312c1a}.tools-navigation>div{min-width:0;padding:8px 10px}.tools-navigation>div+div{border-left:1px solid var(--line)}.tools-navigation>div>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 6px 7px;font-size:8px;font-weight:900;display:block}.tools-navigation>div>div{gap:3px;display:grid}.tools-navigation a{color:#52635f;border-radius:9px;align-items:center;gap:7px;min-width:0;padding:7px 8px;display:flex}.tools-navigation a:hover{background:#f1f6f2}.tools-navigation a.active{color:#fff;background:var(--jade)}.tools-navigation svg{width:15px;color:var(--coral);flex:none}.tools-navigation .active svg{color:#ffd0bc}.tools-navigation strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.directory-nav{margin-bottom:0}.tools-featured{padding-top:52px;padding-bottom:35px}.tools-featured>div:last-child{grid-template-columns:1.25fr repeat(3,1fr);gap:12px;display:grid}.tools-featured a{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;min-height:230px;padding:21px;display:flex;position:relative}.tools-featured a.primary{color:#fff;border-color:var(--jade);background:var(--jade)}.tools-featured a>i{width:41px;height:41px;color:var(--coral);background:#fff0e9;border-radius:12px;place-items:center;display:grid}.tools-featured a.primary>i{color:var(--jade);background:#fff}.tools-featured a>i svg{width:20px}.tool-number{color:#d8e4e0;font-weight:900;position:absolute;top:20px;right:20px}.tools-featured .primary .tool-number{color:#6fa192}.tools-featured h3{margin:17px 0 7px;font-size:17px}.tools-featured p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.tools-featured .primary p{color:#cfe4dc}.tools-featured a>strong{align-items:center;gap:6px;margin-top:auto;font-size:10px;display:flex}.tools-featured a>strong svg{width:14px}.tools-groups{gap:46px;padding-top:38px;display:grid}.tools-groups>section>header{grid-template-columns:1fr 440px;align-items:end;gap:25px;margin-bottom:16px;display:grid}.tools-groups h2{margin:5px 0 0;font-size:28px}.tools-groups header>p{color:var(--muted);margin:0;font-size:12px}.tools-groups>section>div{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.tools-groups a{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:42px 1fr auto;align-items:start;gap:13px;padding:17px;display:grid}.tools-groups a:hover{border-color:#9fc5b8;box-shadow:0 10px 23px #19312c0f}.tools-groups a>i{width:42px;height:42px;color:var(--coral);background:#fff0e9;border-radius:12px;place-items:center;display:grid}.tools-groups i svg{width:19px}.tools-groups h3{margin:2px 0 4px;font-size:14px}.tools-groups p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.tools-groups a div>span{color:var(--jade);align-items:center;gap:4px;margin-top:9px;font-size:9px;font-weight:850;display:flex}.tools-groups a div>span svg{width:12px}.tools-groups a>svg{width:15px;color:var(--coral);align-self:center}.tools-next-step{color:#fff;background:var(--jade);border-radius:22px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:34px;margin-top:70px;margin-bottom:90px;padding:29px;display:grid}.tools-next-step h2{margin:7px 0}.tools-next-step p{color:#d1e6de;margin:0;font-size:12px}.tools-next-step ol{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.tools-next-step li{color:var(--ink);background:#fff;border-radius:12px;padding:13px}.tools-next-step li strong,.tools-next-step li span{display:block}.tools-next-step li strong{font-size:12px}.tools-next-step li span{color:var(--muted);margin-top:3px;font-size:8px}.tool-page-hero{color:#fff;background:linear-gradient(135deg,var(--jade-dark),var(--jade));padding:25px 0 64px}.tool-page-hero .breadcrumbs{color:#bcd2ca;padding-top:0}.tool-page-hero .breadcrumbs a{color:#fff}.tool-hero-grid{grid-template-columns:1fr 330px;align-items:end;gap:50px;margin-top:36px;display:grid}.tool-hero-grid h1{max-width:800px;font-family:var(--font-hanzi),serif;letter-spacing:-.035em;margin:8px 0 11px;font-size:clamp(36px,5vw,56px);line-height:1.05}.tool-hero-grid p{color:#d3e5de;max-width:690px;margin:0}.tool-hero-grid>ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.tool-hero-grid li{color:#e5f0ec;align-items:center;gap:8px;font-size:11px;display:flex}.tool-hero-grid li svg{color:#f4ad8c;width:15px}.tool-workspace{max-width:900px;padding-top:42px}.tool-workspace-wide{max-width:1160px}.advanced-tool-panel{box-shadow:0 18px 45px #19312c12}.tool-input-header,.tool-output-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.tool-input-header h2{margin:5px 0 0;font-size:20px}.tool-input-header .button,.tool-output-heading .button{min-height:34px;padding:6px 9px;font-size:10px}.tool-input-header svg,.tool-output-heading svg{width:15px}.tool-textarea-label{margin-top:18px}.tool-input-meta{color:var(--muted);justify-content:space-between;margin:7px 2px;font-size:9px;display:flex}.tool-option-row,.name-controls{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.tool-option-row label,.name-controls label,.zodiac-input label,.match-controls label{color:var(--muted);gap:6px;font-size:10px;font-weight:850;display:grid}.tool-option-row select,.name-controls select,.name-controls input,.zodiac-input input,.match-controls select{border:1px solid var(--line);background:#fffefa;border-radius:10px;width:100%;padding:10px 11px}.rich-tool-output{margin-top:22px}.tool-output-heading>div:first-child{display:grid}.tool-output-heading small{color:var(--muted);margin-top:4px;font-size:9px}.tool-output-heading>div:last-child{gap:7px;display:flex}.rich-tool-output>p{background:#fff;border:1px solid #dce6e1;border-radius:12px;min-height:74px;margin:18px 0 0;padding:17px;font-size:20px;line-height:1.75}.hsk-result-summary{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px;display:grid}.hsk-result-summary article{background:#edf4ef;border-radius:13px;padding:15px;display:grid}.hsk-result-summary span{color:var(--muted);text-transform:uppercase;font-size:9px}.hsk-result-summary strong{font-size:24px}.hsk-result-summary small{color:var(--muted);font-size:8px}.hsk-distribution{gap:7px;margin:19px 0;display:grid}.hsk-distribution>div{grid-template-columns:55px 1fr 25px;align-items:center;gap:9px;font-size:9px;display:grid}.hsk-distribution>div>div{background:#e6ece9;border-radius:99px;height:7px;overflow:hidden}.hsk-distribution i{border-radius:inherit;background:linear-gradient(90deg,var(--jade),#75ae9b);height:100%;display:block}.hsk-distribution strong{text-align:right}.detailed-analysis{border:1px solid var(--line);background:#fafbf9;border-radius:14px;max-height:235px;padding:14px;overflow:auto}.detailed-analysis span.unmapped{background:#f2efeb}.tool-notice{border-left:3px solid var(--coral);background:#fff3ed;border-radius:9px;margin-top:18px;padding:14px 16px}.tool-notice strong{font-size:11px}.tool-notice p,.tool-method-note{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.6}.tool-method-note{margin-top:15px}.name-controls{grid-template-columns:repeat(2,1fr)}.name-result-grid{grid-template-columns:repeat(4,1fr)}.name-result-grid article{border:1px solid var(--line);text-align:center;background:#f1f6f2;border-radius:14px;padding:15px}.name-result-grid p{color:var(--muted);margin:7px 0 0;font-size:9px;line-height:1.45}.zodiac-input{grid-template-columns:230px 1fr;align-items:end;gap:20px;display:grid}.zodiac-input p{color:var(--muted);margin:0 0 8px;font-size:11px}.detailed-zodiac{background:linear-gradient(135deg,#f5ecdc,#fff6e8)}.zodiac-facts{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:11px;display:grid}.zodiac-facts>div{background:#edf4ef;border-radius:12px;padding:13px;display:grid}.zodiac-facts span{color:var(--muted);text-transform:uppercase;font-size:8px}.zodiac-facts strong{margin-top:3px;font-size:11px}.match-controls{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-bottom:20px;display:grid}.match-controls .button{min-height:39px}.enhanced-match-game .match-status>div:last-child{color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.match-progress{background:#e3ebe7;border-radius:99px;width:130px;height:7px;overflow:hidden}.match-progress i{background:var(--jade);height:100%;display:block}.match-message{min-height:38px;color:var(--muted);background:#f3f6f4;border-radius:10px;align-items:center;gap:7px;margin:0 0 14px;padding:10px 12px;font-size:11px;display:flex}.match-message.success{color:var(--jade);background:#e4f1eb}.match-message svg{width:16px}.enhanced-match-game .match-grid button{min-height:92px;position:relative}.match-check{width:14px;color:var(--jade);position:absolute;top:7px;right:7px}.practice-presets,.worksheet-presets{flex-wrap:wrap;align-items:center;gap:5px;margin:11px 0;display:flex}.practice-presets>span{width:100%;color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:850}.practice-presets button,.worksheet-presets button{border:1px solid var(--line);color:var(--jade);background:#f4f8f5;border-radius:8px;padding:5px 8px;font-size:9px;font-weight:800}.session-field small{color:var(--muted);font-size:9px;font-weight:500}.session-error{color:#a7422b;margin:5px 0;font-size:10px}.worksheet-presets{margin-top:-8px;margin-bottom:9px}@media (max-width:980px){.tools-directory-hero>.shell,.tool-hero-grid{grid-template-columns:1fr}.tool-journey{width:max-content;max-width:100%;overflow:auto}.tools-navigation{grid-template-columns:1fr 1fr}.tools-navigation>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.tools-navigation>div:nth-child(4){border-top:1px solid var(--line)}.tools-featured>div:last-child{grid-template-columns:1fr 1fr}.tools-groups>section>header{grid-template-columns:1fr}.tools-groups>section>div{grid-template-columns:1fr 1fr}.tools-next-step{grid-template-columns:1fr}.name-result-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.tools-directory-hero{padding-bottom:58px}.tool-journey{grid-template-columns:1fr 14px 1fr 14px 1fr 14px 1fr;display:grid}.tool-journey>span{text-align:center;justify-items:center;display:grid}.tools-nav-wrap{margin-top:-22px}.tools-navigation{grid-template-columns:1fr}.tools-navigation>div+div,.tools-navigation>div:nth-child(3),.tools-navigation>div:nth-child(4){border-left:0;border-top:1px solid var(--line)}.tools-navigation>div>div{grid-template-columns:1fr 1fr}.tools-featured>div:last-child,.tools-groups>section>div{grid-template-columns:1fr}.tools-featured a{min-height:200px}.tools-next-step ol{grid-template-columns:1fr 1fr}.tool-page-hero{padding-bottom:46px}.tool-hero-grid{gap:25px;margin-top:25px}.tool-workspace{padding-top:34px}.tool-option-row,.name-controls,.zodiac-input,.hsk-result-summary,.zodiac-facts{grid-template-columns:1fr}.tool-output-heading{flex-direction:column;align-items:flex-start}.tool-output-heading>div:last-child{width:100%}.tool-output-heading .button{flex:1}.match-controls{grid-template-columns:1fr 1fr}.match-controls .button{grid-column:1/-1}.enhanced-match-game .match-grid{grid-template-columns:1fr 1fr!important}.session-nav{flex-wrap:wrap}.session-nav .button{flex:1}.session-nav .button:nth-child(2){flex-basis:100%;order:3}}@media (max-width:420px){.tools-navigation>div>div,.tools-next-step ol,.name-result-grid{grid-template-columns:1fr}.tool-input-header{align-items:flex-start}.match-controls{grid-template-columns:1fr}.match-controls .button{grid-column:auto}}.structured-desktop-nav{gap:3px}.structured-desktop-nav>a,.structured-desktop-nav .nav-group>button{color:#41534f;background:0 0;border:0;border-radius:9px;align-items:center;gap:5px;min-height:38px;padding:8px 10px;font-size:12px;font-weight:750;display:inline-flex}.structured-desktop-nav>a:hover,.structured-desktop-nav .nav-group>button:hover,.structured-desktop-nav .nav-group.open>button{color:var(--jade);background:#edf4ef}.structured-desktop-nav>a>svg{width:15px;color:var(--coral)}.structured-desktop-nav button>svg{width:13px;transition:transform .15s}.structured-desktop-nav .nav-group.open button>svg{transform:rotate(180deg)}.structured-desktop-nav>a.active,.structured-desktop-nav .nav-group>button.active{color:var(--jade)}.structured-desktop-nav>a.active:after{bottom:-19px;left:10px;right:10px}.nav-group{position:relative}.nav-dropdown{z-index:60;border:1px solid var(--line);opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:18px;grid-template-columns:155px 1fr;width:480px;padding:8px;transition:all .15s;display:grid;position:absolute;top:calc(100% + 17px);left:50%;transform:translate(-50%,-5px);box-shadow:0 24px 65px #19312c2e}.nav-group:nth-last-child(-n+2) .nav-dropdown{left:auto;right:0;transform:translateY(-5px)}.nav-group.open .nav-dropdown,.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.nav-group:nth-last-child(-n+2).open .nav-dropdown,.nav-group:nth-last-child(-n+2):hover .nav-dropdown,.nav-group:nth-last-child(-n+2):focus-within .nav-dropdown{transform:translateY(0)}.nav-dropdown-intro{color:#fff;background:var(--jade);border-radius:13px;padding:17px}.nav-dropdown-intro p{color:#cfe3dc;margin:7px 0 0;font-size:9px;line-height:1.55}.nav-dropdown-links{grid-template-columns:1fr 1fr;align-content:start;gap:3px;padding:3px 5px;display:grid}.nav-dropdown-links>a{border-radius:10px;padding:9px 10px;display:grid}.nav-dropdown-links>a:hover,.nav-dropdown-links>a.active{color:var(--jade);background:#f1f6f2}.nav-dropdown-links>a.active:after{display:none}.nav-dropdown-links small{color:var(--muted);margin-top:2px;font-size:8px;line-height:1.35}.structured-mobile-nav{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8fa;max-height:calc(100vh - 64px);padding:14px max(20px,50% - 580px);position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px #19312c24}.mobile-nav-quick{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.mobile-nav-quick>a{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex;padding:10px!important}.mobile-nav-quick svg{width:15px;color:var(--coral)}.mobile-nav-groups{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.mobile-nav-groups>section{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px}.mobile-nav-groups>section>div:first-child{margin-bottom:7px;display:grid}.mobile-nav-groups>section>div:first-child small{color:var(--muted);font-size:8px}.mobile-nav-groups>section>div:last-child{grid-template-columns:1fr 1fr;column-gap:10px;display:grid}.mobile-nav-groups a{color:#52635f;padding:6px 0!important;font-size:10px!important;font-weight:700!important}.mobile-nav-groups a.active{color:var(--coral)}.site-footer{padding-top:0}.footer-top{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:30px;padding-top:48px;padding-bottom:34px;display:flex}.footer-top h2{color:#fff;max-width:580px;font-family:var(--font-hanzi),serif;margin:6px 0 0;font-size:29px;line-height:1.15}.footer-top .eyebrow{color:#f1a984}.footer-lookup{min-width:250px;color:var(--ink);background:#fff;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:13px 15px;font-size:11px;font-weight:850;display:grid}.footer-lookup svg{width:16px;color:var(--coral)}.footer-intro p{color:#9eb0aa;max-width:300px;margin:16px 0;line-height:1.65}.footer-proof{flex-wrap:wrap;gap:8px;display:flex}.footer-proof span{color:#8fa39c;border:1px solid #ffffff17;border-radius:9px;padding:8px 10px;font-size:8px;display:grid}.footer-proof strong{color:#fff;font-size:12px}.footer-column h3{color:#fff;margin:0;font-size:12px}.footer-column>p{color:#6f8980;min-height:31px;margin:5px 0 11px;font-size:8px;line-height:1.45}.footer-bottom{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.footer-bottom>span:last-child{text-align:right}.footer-bottom nav{gap:16px;display:flex}.footer-bottom a:hover{color:#fff}@media (max-width:1100px){.structured-desktop-nav>a,.structured-desktop-nav .nav-group>button{padding-inline:7px;font-size:11px}.header-inner{gap:18px}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-intro{grid-column:1/-1}.footer-column:last-child{grid-column:auto!important}}@media (max-width:980px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-column:last-child{grid-column:auto}.footer-intro{grid-column:1/-1}.footer-intro p{max-width:520px}.footer-proof{max-width:360px}}@media (max-width:680px){.mobile-nav-groups{grid-template-columns:1fr}.footer-top{flex-direction:column;align-items:flex-start}.footer-lookup{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}.footer-column>p{min-height:0}.footer-bottom{grid-template-columns:1fr;gap:8px}.footer-bottom>span:last-child{text-align:left}.footer-bottom nav{grid-row:2}}@media (max-width:460px){.mobile-nav-quick{grid-template-columns:1fr}.mobile-nav-groups>section>div:last-child{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-intro{grid-column:auto}.footer-top h2{font-size:25px}}.structured-desktop-nav>a:focus-visible,.structured-desktop-nav button:focus-visible,.nav-dropdown a:focus-visible{outline:3px solid color-mix(in srgb,var(--coral) 32%,transparent);outline-offset:2px}.nav-group:not(.open) .nav-dropdown{opacity:0;visibility:hidden;pointer-events:none}.nav-group:after{content:"";height:18px;position:absolute;top:100%;left:0;right:0}.structured-desktop-nav .nav-group:hover .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.structured-desktop-nav .nav-group:nth-last-child(-n+2):hover .nav-dropdown{transform:translateY(0)}.structured-desktop-nav .nav-group:hover:not(.open) .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto}.structured-desktop-nav>a,.structured-desktop-nav .nav-group>button{font-size:14px}.structured-desktop-nav .nav-leading-icon{width:16px;color:var(--coral)}.nav-dropdown{grid-template-columns:180px 1fr;width:540px}.nav-dropdown-intro{padding:20px}.nav-dropdown-intro strong{font-size:17px}.nav-dropdown-intro p{font-size:12px!important}.nav-dropdown-links small{margin-top:4px;font-size:11px;line-height:1.4}.mobile-nav-quick{grid-template-columns:1fr 1fr}.mobile-nav-quick>a{font-size:13px}.mobile-nav-groups>section>div:first-child strong{font-size:15px}.mobile-nav-groups>section>div:first-child small{margin-top:3px;font-size:11px;line-height:1.4}.mobile-nav-groups a{padding:8px 0!important;font-size:13px!important}.footer-grid{grid-template-columns:repeat(5,1fr);gap:32px;padding-top:52px}.footer-intro{border-bottom:1px solid #ffffff1a;grid-column:1/-1;grid-template-columns:260px minmax(0,1fr) auto;align-items:center;gap:28px;padding-bottom:34px;display:grid}.footer-intro p{max-width:520px;margin:0;font-size:14px}.footer-proof{justify-self:end}.footer-column h3{font-size:15px}.footer-column>p{min-height:40px;font-size:11px}.footer-links a{margin:9px 0;font-size:13px}.footer-bottom{font-size:12px}.compact-tools-navigation{grid-template-columns:190px minmax(0,1fr);align-items:center;padding:9px}.compact-tools-navigation>div{padding:8px 12px}.compact-tools-navigation>div+div{border-left:1px solid var(--line)}.tools-navigation-heading{display:grid}.tools-navigation-heading strong{font-size:15px}.tools-navigation-heading span{color:var(--muted);margin-top:3px;font-size:11px}.tools-navigation-links{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:5px;display:grid}.compact-tools-navigation .tools-navigation-links>a{min-height:45px;padding:9px 10px}.compact-tools-navigation .tools-navigation-links strong{font-size:13px}.compact-tools-navigation .tools-navigation-links svg{width:18px}.tools-utility-directory{padding-top:58px}.tools-utility-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.tools-utility-grid>a{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:52px 1fr;gap:16px;padding:23px;display:grid}.tools-utility-grid>a:first-child{grid-column:1/-1}.tools-utility-grid>a>i{width:52px;height:52px;color:var(--coral);background:#fff0e9;border-radius:14px;place-items:center;display:grid}.tools-utility-grid h3{margin:2px 0 7px;font-size:19px}.tools-utility-grid p{color:var(--muted);margin:0;line-height:1.6}.tools-utility-grid strong{color:var(--jade);align-items:center;gap:6px;margin-top:16px;font-size:13px;display:inline-flex}.tools-utility-grid strong svg{width:15px}.tools-boundary-note{color:#fff;background:var(--jade);border-radius:20px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:90px;padding:28px;display:flex}.tools-boundary-note h2{margin:7px 0}.tools-boundary-note p{color:#d2e6df;max-width:720px;margin:0}.tools-boundary-note>a{color:var(--ink);background:#fff;border-radius:11px;flex:none;align-items:center;gap:7px;padding:12px 14px;font-size:13px;font-weight:850;display:flex}.tools-boundary-note>a svg{width:15px;color:var(--coral)}.practice-directory-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.practice-directory-grid>a{border:1px solid var(--line);background:#fff;border-radius:19px;grid-template-columns:58px 1fr;gap:17px;padding:25px;display:grid}.practice-directory-grid>a>i{color:#fff;background:var(--jade);border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.practice-directory-grid h2{margin:2px 0 8px;font-size:21px}.practice-directory-grid p{color:var(--muted);margin:0}.practice-directory-grid strong{color:var(--coral);align-items:center;gap:7px;margin-top:17px;font-size:13px;display:flex}.practice-directory-grid strong svg{width:15px}body{font-size:17px}.page-main p{line-height:1.65;font-size:max(14px,.875em)!important}.page-main small{line-height:1.45;font-size:max(11px,.72em)!important}.page-main label{font-size:max(13px,.78em)!important}.page-main input,.page-main textarea,.page-main select{font-size:14px!important}.page-main .eyebrow{font-size:12px}.page-main .page-hero p,.page-main .hero-copy>p{font-size:17px!important}.component-toolbar input,.pinyin-search input{font-size:15px!important}.component-catalog span,.radical-directory-main span,.pinyin-character-grid span,.component-result-count,.vocab-heading>div{font-size:13px}.radical-directory-main small,.pinyin-character-grid small,.related-syllables small{font-size:11px}.relationship-list span,.relationship-list small{font-size:12px}.tool-method-note{font-size:13px!important}.page-main .hero-search-panel .search-box input{font-size:16px!important}@media (max-width:1100px){.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-intro{grid-column:1/-1}.footer-column:last-child{grid-column:auto!important}}@media (max-width:980px){.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-template-columns:1fr;gap:14px}.footer-proof{justify-self:start}.compact-tools-navigation{grid-template-columns:1fr}.compact-tools-navigation>div+div{border-left:0;border-top:1px solid var(--line)}.tools-navigation-links{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.tools-utility-grid,.practice-directory-grid{grid-template-columns:1fr}.tools-utility-grid>a:first-child{grid-column:auto}.tools-boundary-note{flex-direction:column;align-items:flex-start}.tools-boundary-note>a{justify-content:center;width:100%}.tools-navigation-links,.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.page-main p{font-size:14px!important}.page-main .page-hero p,.page-main .hero-copy>p{font-size:16px!important}}@media (max-width:460px){.tools-navigation-links,.footer-grid{grid-template-columns:1fr}.footer-intro{grid-column:auto}.mobile-nav-groups>section>div:last-child{grid-template-columns:1fr}}.practice-directory-page{min-height:100vh}.nav-dropdown-links strong{font-size:14px}.nav-dropdown-links small{font-size:12px}.mobile-nav-quick>a,.mobile-nav-groups a{font-size:14px!important}.footer-links a,.compact-tools-navigation .tools-navigation-links strong{font-size:14px}.tools-navigation-heading span{font-size:12px}.structured-desktop-nav .nav-group:not(.open):hover .nav-dropdown,.structured-desktop-nav .nav-group:not(.open):focus-within .nav-dropdown{opacity:0;visibility:hidden;pointer-events:none}.structured-desktop-nav .nav-group:not(.open):hover>button>svg,.structured-desktop-nav .nav-group:not(.open):focus-within>button>svg{transform:none}.hero-section{padding:54px 0 50px}.hero-copy h1{letter-spacing:-.04em;margin:14px 0 11px;font-size:clamp(44px,4.1vw,56px)}@media (max-width:680px){.hero-section{padding:40px 0 34px}.hero-copy h1{margin-top:14px;font-size:42px}}.dictionary-hero .search-box{border:2px solid #ffffff85;min-height:58px;padding:7px 7px 7px 17px;box-shadow:0 14px 35px #07231d33}.dictionary-hero .search-box input{caret-color:var(--jade);font-weight:650;color:var(--ink)!important;font-size:16px!important}.dictionary-hero .search-box input::placeholder{color:#687974;opacity:1}.dictionary-hero .search-box input::selection{color:#fff;background:var(--jade)}.dictionary-hero .search-box button{color:#fff;background:var(--jade-dark);border:0;border-radius:10px;align-self:stretch;min-width:104px;padding:0 18px;font-weight:850}.dictionary-hero .search-box button:hover{background:#0e3f35}.dictionary-hero .search-box:focus-within{border-color:#fff;box-shadow:0 0 0 4px #ffffff24,0 16px 38px #07231d40}@media (max-width:520px){.dictionary-hero .search-box button{min-width:84px;padding-inline:13px}}.nav-sequence{display:contents}.structured-desktop-nav .nav-group:hover .nav-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.structured-desktop-nav .nav-group:hover>button>svg{transform:rotate(180deg)!important}.structured-desktop-nav .nav-group:not(.open):not(:hover) .nav-dropdown{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-5px)!important}.structured-desktop-nav .nav-group:nth-last-child(-n+2):not(.open):not(:hover) .nav-dropdown{transform:translateY(-5px)!important}.writing-rules{margin-top:28px}.writing-rules-grid{border:1px solid var(--line);border-radius:17px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.writing-rules-grid>section{border-bottom:1px solid var(--line);background:#fbfcfa;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:12px;padding:18px;display:grid}.writing-rules-grid>section:nth-child(odd){border-right:1px solid var(--line)}.writing-rules-grid>section:nth-last-child(-n+2){border-bottom:0}.writing-rules-grid>section>span{color:#fff;background:var(--coral);border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.writing-rules-grid strong{font-size:15px}.writing-rules-grid p{color:var(--muted);margin:5px 0 0;font-size:13px!important}.writing-rules-grid b{font-family:var(--font-hanzi),serif;color:var(--jade);font-size:23px;font-weight:600}.worksheet-presets button{font-size:12px}.stroke-index-page{min-height:100vh}.stroke-browser{padding-top:44px}.stroke-count-picker{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;grid-template-columns:190px minmax(0,1fr);gap:18px;padding:14px;display:grid}.stroke-count-picker>div:first-child{align-items:center;gap:11px;padding:12px;display:flex}.stroke-count-picker>div:first-child>svg{width:22px;color:var(--coral)}.stroke-count-picker>div:first-child span{display:grid}.stroke-count-picker>div:first-child strong{font-size:15px}.stroke-count-picker>div:first-child small{color:var(--muted);margin-top:3px;font-size:11px}.stroke-count-picker>div:last-child{scrollbar-width:thin;gap:6px;padding:4px 4px 8px;display:flex;overflow-x:auto}.stroke-count-picker a{border:1px solid var(--line);background:#f5f8f6;border-radius:11px;flex:0 0 50px;place-items:center;min-height:53px;display:grid}.stroke-count-picker a strong{font-size:16px}.stroke-count-picker a small{color:var(--muted);font-size:9px}.stroke-count-picker a:hover,.stroke-count-picker a.active{border-color:var(--jade);color:#fff;background:var(--jade)}.stroke-count-picker a.active small{color:#d7e9e3}.stroke-results-heading{justify-content:space-between;align-items:end;gap:25px;padding:42px 4px 19px;display:flex}.stroke-results-heading h2{font-family:var(--font-hanzi),serif;margin:7px 0 5px;font-size:31px}.stroke-results-heading p{color:var(--muted);margin:0}.stroke-results-heading>span{color:var(--jade);background:#e8f1ec;border-radius:9px;flex:none;padding:7px 10px;font-size:12px;font-weight:800}.stroke-result-grid{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.stroke-result-grid>a{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:92px;padding:16px;display:grid}.stroke-result-grid>a:nth-child(3n){border-right:0}.stroke-result-grid>a:hover{background:#f1f6f2}.stroke-result-grid>a>strong{font-family:var(--font-hanzi),serif;font-size:42px;font-weight:500}.stroke-result-grid b{color:var(--jade);font-size:13px}.stroke-result-grid p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;overflow:hidden;font-size:12px!important}.stroke-result-grid svg{width:16px;color:var(--coral)}.stroke-pagination{flex-wrap:wrap;justify-content:center;gap:7px;padding-top:28px;display:flex}.stroke-pagination a{border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;min-width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.stroke-pagination a:hover,.stroke-pagination a.active{color:#fff;background:var(--jade)}@media (max-width:900px){.stroke-result-grid{grid-template-columns:repeat(2,1fr)}.stroke-result-grid>a:nth-child(3n){border-right:1px solid var(--line)}.stroke-result-grid>a:nth-child(2n){border-right:0}}@media (max-width:680px){.writing-rules-grid{grid-template-columns:1fr}.writing-rules-grid>section,.writing-rules-grid>section:nth-child(odd),.writing-rules-grid>section:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.writing-rules-grid>section:last-child{border-bottom:0}.stroke-count-picker{grid-template-columns:1fr}.stroke-results-heading{flex-direction:column;align-items:flex-start}.stroke-result-grid{grid-template-columns:1fr}.stroke-result-grid>a,.stroke-result-grid>a:nth-child(2n),.stroke-result-grid>a:nth-child(3n){border-right:0}.stroke-result-grid>a:last-child{border-bottom:0}}.hsk-version-page{min-height:100vh}.hsk-version-hero{padding-top:32px}.hsk-version-hero .shell{position:relative}.hsk-version-hero .eyebrow{width:max-content;margin:0 0 9px;display:block}.hsk-version-hero h1{max-width:760px;margin-top:0}.hsk-version-hero p{max-width:760px}.hsk-version-2-0 .hsk-version-hero{background:linear-gradient(135deg,#17352f,#31584d)}.hsk-version-switch{background:#ffffff14;border:1px solid #ffffff38;border-radius:12px;gap:5px;width:max-content;margin-bottom:28px;padding:5px;display:flex}.hsk-version-switch a{color:#cde1da;border-radius:8px;padding:8px 13px;font-size:13px;font-weight:850}.hsk-version-switch a:hover,.hsk-version-switch a.active{color:var(--ink);background:#fff}.hsk-version-content{padding-top:0}.hsk-version-summary{z-index:2;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:repeat(3,1fr);margin-top:-34px;margin-bottom:54px;position:relative}.hsk-version-summary>div{padding:21px 24px}.hsk-version-summary>div+div{border-left:1px solid var(--line)}.hsk-version-intro{justify-content:space-between;align-items:center;gap:30px;margin-bottom:24px;display:flex}.hsk-version-intro h2{font-family:var(--font-hanzi),serif;margin:7px 0;font-size:34px}.hsk-version-intro p{max-width:760px;color:var(--muted);margin:0}.hsk-version-intro>svg{width:54px;height:54px;color:var(--coral);background:#fff0e9;border-radius:16px;flex:none;padding:13px}.hsk-level-directory{grid-template-columns:repeat(2,1fr)}.hsk-level-directory .level-card{min-height:188px;transition:transform .15s,box-shadow .15s}.hsk-level-directory .level-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.hsk-level-directory .character-ribbon{margin-bottom:0}.hsk-level-directory .character-ribbon i{width:29px;height:29px;font-family:var(--font-hanzi),serif;background:#edf4ef;border-radius:7px;place-items:center;font-style:normal;display:grid}.hsk-learning-loop{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;display:grid}.hsk-learning-loop>section{background:#edf4ef;border-radius:16px;grid-template-columns:42px 1fr;gap:13px;padding:20px;display:grid}.hsk-learning-loop svg{width:21px;color:var(--coral)}.hsk-learning-loop strong{font-size:15px}.hsk-learning-loop p{color:var(--muted);margin:5px 0 0;font-size:12px!important}@media (max-width:760px){.hsk-version-summary{grid-template-columns:1fr;margin-top:-24px}.hsk-version-summary>div+div{border-left:0;border-top:1px solid var(--line)}.hsk-level-directory,.hsk-learning-loop{grid-template-columns:1fr}.hsk-version-intro{align-items:flex-start}.hsk-version-intro>svg{display:none}.hsk-version-switch{margin-bottom:25px}}.hsk-professional-section{border-top:1px solid var(--line);margin-top:78px;padding-top:66px}.hsk-professional-section .section-heading{max-width:820px}.hsk-professional-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.hsk-professional-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:225px;padding:24px}.hsk-professional-grid svg{width:22px;color:var(--coral)}.hsk-professional-grid h3{margin:28px 0 9px;font-size:18px}.hsk-professional-grid p{color:var(--muted);margin:0;line-height:1.7;font-size:13px!important}.hsk-competency-section{background:#edf4ef;border-radius:22px;grid-template-columns:minmax(260px,.8fr) minmax(0,1.35fr);gap:55px;margin-top:70px;padding:36px;display:grid}.hsk-competency-section h2{font-family:var(--font-hanzi),serif;margin:8px 0;font-size:31px}.hsk-competency-section>div:first-child>p{color:var(--muted)}.hsk-competency-table{background:#fff;border:1px solid #d3e0da;border-radius:16px;overflow:hidden}.hsk-competency-table article{border-bottom:1px solid var(--line);grid-template-columns:76px 1fr;gap:16px;padding:16px 18px;display:grid}.hsk-competency-table article:last-child{border-bottom:0}.hsk-competency-table article>strong{color:var(--coral);font-size:16px}.hsk-competency-table b{font-size:14px}.hsk-competency-table p{color:var(--muted);margin:5px 0 0;font-size:12px!important}.hsk-study-guidance{grid-template-columns:.75fr 1.25fr;gap:55px;margin-top:70px;padding:0 6px;display:grid}.hsk-study-guidance h2{font-family:var(--font-hanzi),serif;margin:8px 0;font-size:31px}.hsk-study-guidance>div:last-child{gap:12px;display:grid}.hsk-study-guidance>div:last-child p{border-left:3px solid var(--coral);color:var(--muted);background:#fff;border-radius:0 12px 12px 0;margin:0;padding:16px 18px}.hsk-study-guidance p strong{color:var(--ink)}.hsk-official-note{background:#f5f8f6;border:1px solid #d5e1dc;border-radius:17px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:15px;margin-top:55px;padding:21px;display:grid}.hsk-official-note>svg{width:24px;color:var(--jade)}.hsk-official-note strong{font-size:14px}.hsk-official-note p{color:var(--muted);margin:4px 0 0;font-size:12px!important}.hsk-official-note>a{color:var(--jade);align-items:center;gap:6px;font-size:13px;font-weight:850;display:flex}.hsk-official-note>a svg{width:15px}@media (max-width:860px){.hsk-professional-grid{grid-template-columns:1fr}.hsk-professional-grid article{min-height:0}.hsk-competency-section,.hsk-study-guidance{grid-template-columns:1fr;gap:24px}.hsk-official-note{grid-template-columns:36px 1fr}.hsk-official-note>a{grid-column:2}}.hsk-level-page{min-height:100vh}.hsk-level-hero{padding-bottom:96px}.hsk-level-hero .breadcrumbs{margin-bottom:28px;padding-top:0}.hsk-level-hero h1{max-width:900px}.hsk-level-content{padding-top:0}.hsk-level-content>.hsk-summary{z-index:2;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;margin-top:-36px;position:relative}.hsk-level-about{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:48px;margin-top:72px;padding:38px;display:grid}.hsk-level-about h2,.hsk-level-statistics h2,.hsk-level-tools h2,.hsk-level-faq h2{font-family:var(--font-hanzi),serif;margin:8px 0 13px;font-size:clamp(28px,3vw,38px);line-height:1.15}.hsk-level-about>div:first-child>p{max-width:760px;color:var(--muted);margin:10px 0 0;line-height:1.75}.hsk-level-goals{background:#edf4ef;border-radius:17px;align-self:start;padding:23px}.hsk-level-goals h3{margin:0 0 13px}.hsk-level-goals p{color:#425752;grid-template-columns:20px 1fr;gap:9px;margin:10px 0;font-size:13px;display:grid}.hsk-level-goals svg{width:18px;color:var(--coral)}.hsk-level-statistics,.hsk-level-tools,.hsk-level-faq{margin-top:72px}.hsk-level-statistics .section-heading,.hsk-level-tools .section-heading,.hsk-level-faq .section-heading{max-width:790px}.hsk-level-statistics .section-heading>p{color:var(--muted)}.hsk-level-stat-grid{grid-template-columns:repeat(4,1fr);gap:11px;margin-top:25px;display:grid}.hsk-level-stat-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;gap:10px;padding:22px;display:grid}.hsk-level-stat-grid span{color:var(--muted);font-size:12px}.hsk-level-stat-grid strong{font-family:var(--font-hanzi),serif;font-size:32px}.hsk-radical-links{background:#edf4ef;border-radius:18px;margin-top:26px;padding:25px}.hsk-radical-links h3{margin:0 0 15px}.hsk-radical-links>div{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.hsk-radical-links a{background:#fff;border-radius:12px;justify-items:center;gap:3px;padding:12px 7px;display:grid}.hsk-radical-links a:hover{box-shadow:0 8px 20px #19312c14}.hsk-radical-links strong{font-family:var(--font-hanzi),serif;font-size:28px}.hsk-radical-links span{color:var(--muted);font-size:9px}.hsk-level-tool-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px;display:grid}.hsk-level-tool-grid>a{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-rows:auto auto 1fr;min-height:205px;padding:22px;transition:all .15s;display:grid;position:relative}.hsk-level-tool-grid>a:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.hsk-level-tool-grid>a>svg:first-child{width:22px;color:var(--coral)}.hsk-level-tool-grid>a>svg:last-child{width:17px;color:var(--jade);position:absolute;bottom:19px;right:20px}.hsk-level-tool-grid strong{margin-top:27px;font-size:16px}.hsk-level-tool-grid span{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.65}.hsk-level-faq>div:last-child{border-top:1px solid var(--line);margin-top:25px}.hsk-level-faq details{border-bottom:1px solid var(--line);background:#fff}.hsk-level-faq summary{cursor:pointer;padding:19px 7px;font-weight:850}.hsk-level-faq details p{max-width:900px;color:var(--muted);margin:0;padding:0 7px 20px;font-size:14px;line-height:1.75}.hsk-level-path{color:#fff;background:var(--jade);border-radius:18px;justify-content:space-between;align-items:center;gap:28px;margin-top:58px;padding:22px 24px;display:flex}.hsk-level-path>div{align-items:center;gap:12px;display:flex}.hsk-level-path>div:first-child>svg{color:#ffb596;width:25px}.hsk-level-path span{display:grid}.hsk-level-path small{color:#cfe3dc;font-size:10px}.hsk-level-path strong{font-size:15px}.hsk-level-path a{border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:6px;padding:10px 13px;font-size:12px;font-weight:850;display:flex}.hsk-level-path a:hover{background:#ffffff1a}.hsk-level-path a svg{width:15px}@media (max-width:900px){.hsk-level-about{grid-template-columns:1fr}.hsk-level-stat-grid,.hsk-level-tool-grid{grid-template-columns:repeat(2,1fr)}.hsk-radical-links>div{grid-template-columns:repeat(4,1fr)}}@media (max-width:620px){.hsk-level-hero{padding-bottom:72px}.hsk-level-about{gap:25px;padding:24px}.hsk-level-stat-grid,.hsk-level-tool-grid{grid-template-columns:1fr}.hsk-level-tool-grid>a{min-height:170px}.hsk-radical-links>div{grid-template-columns:repeat(2,1fr)}.hsk-level-path{flex-direction:column;align-items:flex-start}.hsk-level-path>div:last-child{flex-wrap:wrap;justify-content:space-between;width:100%}}.trust-strip .shell{grid-template-columns:repeat(6,1fr)}.trust-strip span{padding-block:15px}@media (max-width:1000px){.trust-strip .shell{grid-template-columns:repeat(3,1fr)}.trust-strip span{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-strip span:nth-child(3n){border-right:0}.trust-strip span:nth-last-child(-n+3){border-bottom:0}}@media (max-width:680px){.trust-strip .shell{grid-template-columns:repeat(2,1fr)}.trust-strip span:nth-child(3n){border-right:1px solid var(--line)}.trust-strip span:nth-child(2n){border-right:0}.trust-strip span:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.trust-strip span:nth-last-child(-n+2){border-bottom:0}}.practice-character{font-family:var(--font-hanzi),serif;margin:8px 0 0;font-size:100px;line-height:1;display:block}.tool-guide-section{content-visibility:auto}.tool-guide-copy>p{color:var(--muted);font-size:17px;line-height:1.75}.tool-guide-copy>h2,.tool-faq>h2,.related-tools h2{margin:10px 0 18px;font-size:clamp(27px,4vw,39px)}.tool-step-grid,.tool-use-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0 42px;display:grid}.tool-step-grid article,.tool-use-grid article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:22px}.tool-step-grid article>span{color:#fff;background:var(--jade);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:850;display:grid}.tool-step-grid h3,.tool-use-grid h3{margin:15px 0 7px}.tool-step-grid p,.tool-use-grid p{color:var(--muted);margin:0;line-height:1.6}.tool-limit-note{border-left:4px solid var(--coral);background:#fff8f2;border-radius:0 15px 15px 0;padding:22px 24px}.tool-limit-note p{color:var(--muted);margin:6px 0 0;line-height:1.65}.tool-faq details{border-top:1px solid var(--line);padding:18px 0}.tool-faq summary{cursor:pointer;font-weight:800}.tool-faq details p{color:var(--muted);line-height:1.7}.related-tools{grid-template-columns:240px 1fr;align-items:start;gap:35px;display:grid}.related-tools>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.related-tools a{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.related-tools a strong,.related-tools a span{display:block}.related-tools a span{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}@media (max-width:900px){.practice-character{font-size:72px}.tool-step-grid,.tool-use-grid,.related-tools,.related-tools>div:last-child{grid-template-columns:1fr}}