:root{--accent:#174a78;--accent-soft:#eaf2fa;--ink:#102b3b;--muted:#526873;--line:#d8e2e5;--paper:#f5f8f9;--white:#fff;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.5;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1px solid var(--line);border-radius:9px;padding:9px 14px;background:var(--white);color:var(--ink);cursor:pointer;font-weight:600}button:hover{border-color:var(--accent);background:var(--accent-soft)}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d07c05;outline-offset:3px}a{color:var(--accent);text-underline-offset:4px}h1,h2,h3,p{margin-top:0}h2{font-size:2.3rem;letter-spacing:-.04em;line-height:1.15;margin-bottom:0}h3{font-size:1.15rem;margin-bottom:0}small{font-size:.8rem}button.primary,.primary{background:var(--accent);color:white;border-color:var(--accent)}.masthead{display:flex;align-items:center;gap:22px;padding:8px 34px;background:white;border-bottom:1px solid var(--line);min-height:85px}.masthead img{display:block;object-fit:contain;width:142px;height:64px}.masthead>span{font-size:.875rem;color:var(--muted)}.masthead b{color:#087b6c;margin:0 8px}.masthead>button{margin-left:auto;font-size:.875rem}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1540px;margin:auto}.sidebar{padding:34px 24px;min-height:calc(100vh - 85px);background:white;border-right:1px solid var(--line)}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:700;color:var(--accent)}h1{font-size:1.7rem;letter-spacing:-.055em;line-height:1.2;margin:9px 0 30px}h1 span{display:block;font-size:.85rem;letter-spacing:.05em;font-weight:400;margin-top:9px;color:var(--muted)}.nav-label{font-size:.75rem;font-weight:bold;letter-spacing:.1em;color:var(--muted);margin:28px 0 10px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{text-align:left;display:flex;align-items:center;gap:12px;border-color:transparent;background:transparent;font-size:.95rem}.sidebar nav button[aria-current=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.sidebar nav button span:last-child:not(:nth-child(2)){margin-left:auto}.module-icon{font-size:1.25rem;min-width:24px;text-align:center}.side-note{margin-top:42px;border-top:1px solid var(--line);padding-top:25px;color:var(--muted);font-size:.85rem}.side-note>span{color:#075666;font-size:1.4rem;letter-spacing:.15em}.side-note p{margin:9px 0}main{min-width:0;padding:32px clamp(18px,3.1vw,48px) 125px}.topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.topline h2{margin-top:6px}.mode-switch{display:flex;border:1px solid var(--line);border-radius:11px;padding:4px;background:white;flex-shrink:0}.mode-switch button{border:0;background:transparent;min-width:91px;line-height:1.2}.mode-switch small{display:block;font-size:.75rem;font-weight:400;margin-top:4px}.mode-switch button[aria-pressed=true]{color:white;background:var(--accent)}.search-wrap{display:flex;align-items:center;border:1.5px solid #90a7b2;border-radius:12px;background:white;padding:5px 8px 5px 18px;box-shadow:0 3px 10px #102b3b05}.search-wrap>span{font-size:2rem;color:var(--accent);margin-right:12px;line-height:1}.search-wrap input{min-width:0;flex:1;border:0;background:transparent;font-size:1.05rem;min-height:48px;color:var(--ink)}.search-wrap button{border:0;font-size:1.4rem}.intent-bar{display:flex;gap:8px;overflow-x:auto;padding:12px 0 17px}.intent-bar button{white-space:nowrap;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:.85rem;padding:5px 8px;color:var(--muted)}.essentials-strip{padding:18px 20px;background:#e7f1f1;border:1px solid #c5dddd;border-radius:12px;margin-bottom:24px}.strip-title{font-size:.75rem;font-weight:bold;letter-spacing:.08em;color:#075666;display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.strip-title span{font-weight:400;letter-spacing:0}.essentials-strip>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.essentials-strip button{font-size:.875rem;color:#075666;border-color:#b1cece;padding:7px 12px;background:white}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chips button{font-size:.875rem;font-weight:500}.chips button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}.results-top{display:flex;align-items:center;justify-content:space-between;margin:25px 0 18px;gap:12px}.results-top p{margin:3px 0 0;font-size:.85rem;color:var(--muted)}.phrase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.phrase-card{background:white;border:1px solid var(--line);border-radius:12px;padding:21px 23px;min-width:0;position:relative;display:flex;flex-direction:column}.phrase-card.playing{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.card-top span{font-size:.75rem;font-weight:bold;letter-spacing:.05em;color:var(--accent)}.card-top button{border:0;padding:0;min-width:44px;margin:-9px -10px -6px 0;font-size:1.4rem;color:var(--accent)}.hanzi{font-size:1.85rem;line-height:1.5;font-weight:500;letter-spacing:.015em;overflow-wrap:anywhere;margin:0 0 6px}.pinyin{font-size:1rem;color:var(--accent);margin:0 0 3px}.csl{font-size:.9rem;color:#62717a;margin:0 0 8px;font-style:italic}.english{font-size:1rem;margin:0 0 16px;line-height:1.5}.actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}.actions .play{flex:1;min-width:90px}.actions button{font-size:.875rem}.phrase-card details{margin-top:14px;font-size:.875rem}.phrase-card summary{cursor:pointer;min-height:30px;color:var(--muted)}.phrase-card details p{margin:8px 0}.tool-links{display:grid;gap:9px;margin:10px 0}.related{display:flex;flex-wrap:wrap;gap:6px}.related button{font-size:.85rem}.meta{color:var(--muted);font-size:.8rem}.live .phrase-card details{display:none}.live .hanzi{font-size:2rem}.large-text .hanzi{font-size:2.65rem}.large-text .english{font-size:1.25rem}.review-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;margin-bottom:20px;background:#fff5dd;border:1px solid #e6d6b2;border-radius:8px;color:#655120;font-size:.8rem}.review-banner button{font-size:.8rem;white-space:nowrap;border:0;background:transparent}.empty{padding:35px 20px;text-align:center;border:1px dashed #8ca3ad;border-radius:12px;background:white}.empty p{margin:12px 0;color:var(--muted)}.empty button{color:white;background:var(--accent)}.sets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.set-card{text-align:left;min-height:110px;padding:20px}.set-card strong{display:block;font-size:1.1rem}.set-card span{display:block;font-size:.85rem;font-weight:400;color:var(--muted);margin-top:8px}footer{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}footer p{margin-bottom:6px}footer span{display:block;margin-top:12px}.transport{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(860px,calc(100% - 32px));background:#103243;color:white;padding:14px 18px;border-radius:14px;display:flex;align-items:center;gap:18px;z-index:10;box-shadow:0 5px 35px #08203033}.now-playing{min-width:0;flex:1}.now-playing small{display:block;font-size:.7rem;letter-spacing:.08em;color:#b4d8de}.now-playing strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.95rem}.transport-actions{display:flex;gap:6px}.transport button{color:white;background:#234956;border-color:#52727c;font-size:.875rem}.transport #pause{background:white;color:#103243}.transport>span{font-size:.8rem}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;color:var(--ink);width:min(580px,calc(100% - 28px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#092d3bd1}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.dialog-top h2{font-size:1.6rem}.dialog-top button{font-size:1.5rem;border:0}#show-dialog{width:min(960px,calc(100% - 28px));text-align:center}#show-chinese{font-size:clamp(2.8rem,9vw,6rem);line-height:1.5;overflow-wrap:anywhere;margin:35px 0 20px}#show-english{font-size:clamp(1.2rem,3vw,1.8rem)}.show-actions{display:flex;justify-content:center;gap:12px}.show-actions button{min-width:120px}fieldset{border:0;border-top:1px solid var(--line);padding:20px 0;margin:20px 0}legend{font-weight:bold;padding-right:12px}#layers{display:grid;grid-template-columns:1fr 1fr;gap:12px}input[type=checkbox]{width:19px;height:19px;accent-color:var(--accent);vertical-align:middle;margin-right:6px}.check{display:block;margin:18px 0}fieldset>label:not(.check){display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0}select{padding:8px;min-height:44px;max-width:60%;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}#settings details{margin:16px 0}#settings summary{min-height:44px;cursor:pointer;font-weight:600}#settings details p{font-size:.9rem;color:var(--muted)}#toast{position:fixed;bottom:115px;left:50%;transform:translateX(-50%);border-radius:9px;background:#102b3b;color:white;max-width:calc(100% - 30px);padding:12px 18px;z-index:100;box-shadow:0 3px 20px #0002}#toast:empty{display:none}.skip{position:absolute;top:-90px;padding:12px;background:white;z-index:200}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}#more{display:block;margin:22px auto}
@media(min-width:1400px){.phrase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:25px 14px}.phrase-card{padding:18px}.phrase-grid{gap:12px}.hanzi{font-size:1.65rem}main{padding-left:22px;padding-right:22px}}
@media(max-width:760px){.masthead{padding:5px 16px;min-height:65px;gap:10px}.masthead img{width:110px;height:52px}.masthead>span{font-size:.72rem;max-width:110px}.masthead>button span{display:none}.app-shell{display:block}.sidebar{padding:15px 16px 0;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.brand h1{font-size:1.55rem;margin:0 0 12px}.brand h1 span{display:inline;font-size:.75rem;margin-left:12px}.brand .eyebrow,.nav-label,.side-note{display:none}.sidebar #modules{display:flex;overflow-x:auto;gap:6px;padding-bottom:10px}.sidebar #modules button{white-space:nowrap;border:1px solid var(--line);font-size:.85rem;padding:6px 11px;gap:7px}.module-icon{font-size:1rem;min-width:18px}.sidebar #quick{display:flex;justify-content:space-between;gap:0;padding-bottom:5px}.sidebar #quick button{font-size:.8rem;padding:6px;gap:5px}.sidebar #quick button:last-child{font-size:0}.sidebar #quick button:last-child span{font-size:.8rem}.sidebar #quick button:last-child span:after{content:''}main{padding:23px 16px 130px}.topline{gap:8px;margin-bottom:17px}h2{font-size:1.85rem}.topline .eyebrow{font-size:.65rem}.mode-switch button{min-width:65px;padding:9px 7px;font-size:.9rem}.mode-switch small{font-size:.65rem}.intent-bar{padding-bottom:12px}.essentials-strip{padding:14px;margin-bottom:18px}.essentials-strip button{font-size:.8rem;padding:7px 9px}.phrase-grid{grid-template-columns:1fr}.phrase-card{padding:20px}.hanzi,.live .hanzi{font-size:1.9rem}.review-banner{align-items:flex-start;gap:4px;padding:8px}.review-banner button{padding:4px;font-size:.75rem}.results-top{margin-top:20px}.transport{bottom:8px;padding:12px;gap:8px;flex-wrap:wrap;width:calc(100% - 16px)}.now-playing{flex-basis:calc(100% - 40px)}.transport-actions{order:3;justify-content:center;width:100%}.transport-actions button{flex:1}.transport>span{order:2}.sets-grid{grid-template-columns:1fr}.search-wrap{padding-left:12px}.search-wrap input{font-size:1rem}dialog{padding:20px}#show-chinese{margin-top:22px}.show-actions{flex-wrap:wrap}}
@media(max-width:360px){.brand h1 span{display:block;margin:7px 0 0}.masthead>span{display:none}.sidebar #quick button{font-size:.75rem;gap:3px}.sidebar #quick button:last-child span{font-size:.75rem}.mode-switch small{display:none}.mode-switch button{min-width:54px}.eyebrow{letter-spacing:.06em}.search-wrap input{font-size:.95rem}.essentials-strip>div:last-child{gap:6px}.show-actions button{min-width:100px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:760px){.sidebar #quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.sidebar #quick button{min-width:0;overflow-wrap:anywhere}.topline,.results-top,.review-banner{flex-wrap:wrap}.transport-actions{flex-wrap:wrap}.show-actions button{max-width:100%}.phrase-card button{overflow-wrap:anywhere}}
.sidebar #quick button span{margin-left:0}.sidebar #quick button #fav-count{margin-left:auto}
#store-open{width:100%;margin-top:14px;color:var(--accent);background:var(--accent-soft);text-align:left;font-size:.9rem}#store-open[aria-current=true]{border-color:var(--accent)}.added-group h2{line-height:1.5;letter-spacing:.1em;font-size:.75rem}.added-group nav button span{margin-left:0!important}.template-note{font-size:.85rem;color:var(--muted);margin:12px 0 0}.store-intro{max-width:650px;color:var(--muted);font-size:1.05rem}.store-toolbar{display:flex;gap:16px;align-items:end;margin:24px 0 14px}.store-toolbar label{flex:1;font-size:.9rem;font-weight:600}.store-toolbar input,#pack-link{display:block;width:100%;min-width:0;min-height:48px;margin-top:7px;border:1px solid #90a7b2;border-radius:9px;padding:10px;background:white;color:var(--ink)}#store-status{font-size:.875rem;color:var(--muted)}.store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.store-card{background:white;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:12px;padding:24px;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.store-card h3{font-size:1.4rem}.store-card>p{margin-bottom:12px}.store-card .eyebrow{font-size:.75rem}.store-publisher{font-size:.875rem;color:var(--muted);margin-top:8px}.store-installed{font-size:.875rem;color:#256144}.store-card .actions{padding-top:12px}.store-card .actions button{overflow-wrap:anywhere}#pack-link-form{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}#pack-link-form label{font-weight:600}#pack-link-form>div{display:flex;align-items:center;gap:12px}#pack-link-form input{flex:1}#pack-link-form p{font-size:.85rem;color:var(--muted);margin-top:10px}
@media(max-width:760px){.added-group .nav-label{display:block;margin:12px 0 6px}.added-group nav{display:flex;overflow-x:auto;padding-bottom:6px}.added-group nav button{flex-shrink:0;border:1px solid var(--line);font-size:.85rem}.sidebar #store-open{margin:2px 0 6px;width:auto;min-height:44px}.store-grid{grid-template-columns:1fr}.store-toolbar{flex-wrap:wrap}.store-toolbar label{flex-basis:100%}#pack-link-form>div{flex-wrap:wrap}#pack-link-form input{flex-basis:100%}.store-card{padding:20px}}
@media(max-width:760px){#situations{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}#situations button{flex-shrink:0;white-space:nowrap}.review-banner{flex-wrap:wrap}.review-banner>span{flex:1 1 190px}.review-banner button{white-space:normal;max-width:85px;overflow-wrap:anywhere}}

#template-fields{margin:1rem 0}#template-label{display:block;font-weight:700;margin-bottom:.5rem}#template-value{display:block;width:100%;box-sizing:border-box;padding:.75rem;font:inherit;border:1px solid #888;border-radius:.6rem}#show-chinese,#show-english{overflow-wrap:anywhere}