.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}
.voice-copy{display:contents}.mobile-submit{display:none}
.option-badge{margin-left:auto;border:1px solid #dfe8d5;background:#f5f8ef;border-radius:4px;padding:3px 6px;font-size:10px}.needs-review{color:#b08454!important}.reference-options{font:12px/2 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:0;margin:13px 0;display:grid;gap:5px}.reference-options>div{padding:4px 9px;border:1px solid #e8ecdf;border-radius:5px}.reference-options .correct-option{background:#edf4e6;color:#4c723d;border-color:#cbdcbb}@media(max-height:850px) and (min-width:951px){.sidebar{padding-top:27px}.nav-label{padding-top:30px}.nav-button{padding-top:11px;padding-bottom:11px}.daily-card{min-height:185px;margin-top:22px}.sidebar-profile{margin-top:auto;padding-top:17px}}

:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#283b34;background:#f6f7f3;font-synthesis:none;--green:#285c48;--green-dark:#204b3b;--muted:#8b9690;--border:#e6eae3;--serif:"Noto Serif SC","Songti SC",SimSun,serif}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #b7cf9f;outline-offset:4px}button{border:0}a{color:var(--green)}svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:234px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:#fcfdf9;border-right:1px solid var(--border);padding:35px 22px 20px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:11px;padding:0 7px}.brand-mark{width:41px;height:45px;border-radius:11px;background:var(--green);color:#fffcf2;display:grid;place-items:center;transform:rotate(-4deg)}.brand-mark svg{width:26px;height:26px;transform:rotate(4deg)}.brand h1{font-family:var(--serif);font-size:25px;font-weight:700;letter-spacing:2px}.brand p{font-size:10px;color:#859087;margin-top:4px;letter-spacing:1px}.nav-label{font-size:10px;letter-spacing:2px;color:#a3aaa1;padding:46px 14px 13px}.navigation{display:flex;flex-direction:column;gap:7px}.nav-button{display:flex;align-items:center;gap:13px;text-align:left;padding:14px 16px;border-radius:9px;background:transparent;color:#7d8981;font-size:13px;position:relative}.nav-button:hover{background:#f0f3ec;color:var(--green)}.nav-button.active{background:#e9efe2;color:var(--green);font-weight:600}.nav-button.active:after{content:"";position:absolute;right:15px;width:5px;height:5px;background:#658467;border-radius:50%}.nav-button svg{width:19px;height:19px}.nav-count{font-size:10px;background:#e9ede5;border-radius:4px;padding:1px 5px;margin-left:auto}.daily-card{margin-top:auto;padding:22px 17px 0;border:1px solid #e7ebdf;border-radius:11px;background:linear-gradient(150deg,#f4f6ec,#f6f8f1);position:relative;overflow:hidden;min-height:222px;cursor:pointer;display:block;text-align:left;width:100%}.daily-top{display:flex;align-items:center;gap:7px;font-size:10px;color:#8d9b7e;letter-spacing:1px}.daily-top svg{width:14px;height:14px}.daily-card .verse{font:500 16px/2.1 var(--serif);letter-spacing:2px;margin-top:18px;color:#596d50}.daily-card .source{font-size:10px;color:#9ca68f;margin-top:8px}.mountains{position:absolute;bottom:-1px;right:-8px;width:190px;height:74px;opacity:.65}.sidebar-profile{border-top:1px solid var(--border);margin-top:23px;padding:22px 5px 0;display:flex;gap:10px;align-items:center}.avatar{width:33px;height:33px;background:#e8ecdc;display:grid;place-items:center;border-radius:50%;color:#73805e;font-family:var(--serif);font-weight:600}.profile-name{font-size:12px;font-weight:500}.profile-caption{font-size:10px;color:#9ba393;margin-top:5px}.profile-leaf{margin-left:auto;color:#94a47d}.profile-leaf svg{width:18px;height:18px}.main-wrap{min-width:0}.topbar{height:79px;border-bottom:1px solid var(--border);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fafbf7}.breadcrumb{display:flex;gap:12px;font-size:11px;color:#a0a79f;align-items:center}.breadcrumb svg{width:11px;height:11px;color:#b6bcb2}.breadcrumb strong{font-weight:500;color:#69786b}.top-actions{display:flex;align-items:center;gap:18px;color:#8f998d}.date{font-size:11px;letter-spacing:.3px;padding-right:12px;border-right:1px solid #e5e9df}.icon-button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-radius:7px;color:#83917e}.icon-button:hover{background:#eaf0e3}.icon-button svg{width:18px;height:18px}.main-content{max-width:1280px;margin:0 auto;padding:40px 42px 24px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:7px;color:#819374;margin-bottom:13px}.eyebrow svg{width:13px;height:13px}.intro h2{font-family:var(--serif);font-size:29px;letter-spacing:2px;line-height:1.5;font-weight:600;color:#304b3b}.intro h2 em{font-style:normal;color:#638251}.intro p{font-size:11px;letter-spacing:.3px;margin-top:10px;color:#99a18f;line-height:1.8}.catalog-badge{display:flex;align-items:center;gap:8px;font-size:11px;color:#7d8c6d;border:1px solid #e0e7d7;background:#f1f4e9;border-radius:20px;padding:9px 13px;white-space:nowrap}.catalog-badge svg{width:14px;height:14px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.46fr) minmax(0,1fr);gap:22px;align-items:stretch}.panel{background:#fff;border:1px solid var(--border);border-radius:13px;box-shadow:0 3px 9px #213e2c02}.listen-card{padding:22px 26px 23px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.panel-title svg{width:17px;height:17px;color:#5c7558}.status-badge{display:flex;align-items:center;gap:6px;font-size:10px;color:#8ca078;background:#f2f6ec;border-radius:4px;padding:5px 7px}.status-dot{height:5px;width:5px;background:#90ae74;border-radius:50%}.status-badge.listening{background:#e8f2e9;color:#357653}.status-badge.listening .status-dot{animation:pulse 1s infinite;background:#4c9470}.voice-stage{display:flex;align-items:center;flex-direction:column;padding:27px 0 19px}.microphone{width:81px;height:81px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;position:relative;box-shadow:0 0 0 9px #f1f5ec,0 0 0 10px #e8eee2;transition:.2s}.microphone:hover{background:#396e52;transform:translateY(-2px);box-shadow:0 0 0 11px #edf3e5,0 0 0 12px #e6eddd}.microphone svg{width:31px;height:31px;stroke-width:1.6}.microphone.is-listening{background:#a36250;animation:listening-ring 2s infinite}.voice-title{font-size:13px;color:#64745c;font-weight:500;margin-top:25px}.voice-caption{font-size:10px;color:#a3ab9c;margin-top:8px;min-height:16px;line-height:1.6;text-align:center;max-width:360px}.waveform{height:25px;display:flex;align-items:center;gap:4px;margin-top:17px;color:#c7d4b8}.waveform i{width:3px;height:var(--height);background:currentColor;border-radius:2px;display:block}.waveform.active{color:#7d9c73}.waveform.active i{animation:wave .8s ease-in-out infinite alternate;animation-delay:var(--delay)}.voice-shortcut{font-size:9px;color:#a7afa0;margin-top:10px}.key{display:inline-block;border:1px solid #e3e8db;border-radius:3px;padding:2px 6px;background:#f9faf7;font-size:9px;color:#9ba58d}.text-divider{display:flex;gap:12px;align-items:center;color:#a4ab9e;font-size:10px;margin:4px 0 16px}.text-divider:before,.text-divider:after{content:"";height:1px;background:#eef0e9;flex:1}.question-box{position:relative;display:flex;flex-direction:column;border:1px solid #e4e9dd;border-radius:9px;background:#fafbf7;overflow:hidden;transition:border-color .2s}.question-box:focus-within{border-color:#9db08e;box-shadow:0 0 0 3px #eaf0e3}.question-box textarea{border:0;resize:none;outline:0;background:transparent;padding:15px 15px 5px;width:100%;min-height:69px;font-size:12px;line-height:1.8;color:#425b40}.question-box textarea::placeholder{color:#adb5a3}.input-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 10px}.input-hint{font-size:9px;color:#aeb6a2;margin-left:4px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--green);border:1px solid var(--green);border-radius:7px;color:white;padding:10px 16px;font-size:11px;transition:.2s;white-space:nowrap}.primary-button:hover{background:var(--green-dark);transform:translateY(-1px)}.primary-button svg{width:14px;height:14px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #dce4d3;color:#667e58;border-radius:7px;padding:10px 15px;font-size:11px}.secondary-button:hover{background:#f4f7ee}.secondary-button svg{width:15px;height:15px}.answer-panel{display:flex;flex-direction:column;overflow:hidden;min-width:0}.answer-panel>.panel-heading{padding:23px 23px 18px;border-bottom:1px solid #f0f2eb}.answer-label{font-size:9px;color:#a6ae9c;border:1px solid #e9ecdf;border-radius:4px;padding:4px 7px}.answer-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:305px;text-align:center;padding:24px}.empty-illustration{height:86px;width:110px;position:relative;display:grid;place-items:center;margin-bottom:17px}.empty-illustration:before{content:"";position:absolute;width:77px;height:77px;border-radius:50%;background:#f3f6ec}.empty-illustration>svg{position:relative;width:46px;height:46px;stroke-width:1;color:#b2c39e;transform:rotate(-7deg)}.empty-spark{position:absolute;color:#c4d1b4;font-size:18px;top:5px;right:10px}.answer-empty h3{font:500 16px var(--serif);color:#879378;letter-spacing:1px}.answer-empty p{font-size:10px;color:#aab39f;line-height:2;margin-top:11px}.answer-footer{background:#fbfcf8;border-top:1px solid #edf0e6;padding:14px 22px;font-size:9px;display:flex;gap:6px;justify-content:center;color:#9da98e}.answer-footer svg{width:13px;height:13px}.answer-content{padding:24px;flex:1}.answer-kind{font-size:10px;color:#7b9562;display:flex;align-items:center;gap:6px}.answer-kind svg{width:14px;height:14px}.answer-text{font:600 27px/1.7 var(--serif);color:#315b40;letter-spacing:2px;margin:16px 0 9px;overflow-wrap:anywhere}.answer-text.large{font-size:38px}.match-note{font-size:10px;color:#9aa68d;line-height:1.8}.answer-source{font-size:11px;color:#6d7f5e;margin-top:16px}.answer-source span{font-size:10px;color:#a0ac90;margin-left:8px}.poem-details{margin-top:19px;border-top:1px dashed #e2e8d7;padding-top:15px}.poem-details summary{font-size:10px;color:#81936c;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.poem-details summary svg{width:13px;height:13px}.poem-lines{font:400 14px/2.3 var(--serif);color:#6c7d5f;margin-top:13px;letter-spacing:1px}.answer-actions{display:flex;gap:9px;margin-top:20px}.answer-actions button{font-size:10px;padding:8px 11px}.alternative-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.alternative-list button{border:1px solid #e2e8d8;background:#f7f9f2;border-radius:5px;padding:5px 8px;color:#83936f;font-size:10px}.examples-section{margin-top:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px}.section-title span{font-size:10px;font-weight:400;color:#a1ab94;letter-spacing:.2px}.example-tabs{display:flex;gap:5px}.tab{background:transparent;padding:6px 11px;border-radius:5px;font-size:10px;color:#9aa78a}.tab.active{background:#eaf0e1;color:#607c4e}.examples-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.example-card{text-align:left;background:#fff;border:1px solid var(--border);border-radius:9px;padding:17px 18px;display:flex;align-items:center;gap:12px;transition:.2s;min-height:79px}.example-card:hover{border-color:#b7c9a4;transform:translateY(-2px);box-shadow:0 5px 12px #244d3310}.example-icon{width:35px;height:35px;display:grid;place-items:center;background:#edf2e5;border-radius:8px;color:#8da577;flex-shrink:0}.example-icon.apricot{background:#faf0e2;color:#c0a073}.example-icon.blue{background:#ebf1ee;color:#7ca093}.example-icon.rose{background:#f6eded;color:#b6968c}.example-icon svg{width:17px;height:17px}.example-type{font-size:9px;color:#a7b099;margin-bottom:6px}.example-question{font-size:11px;color:#647754;line-height:1.6}.example-arrow{margin-left:auto;color:#c1cbb5;width:14px;height:14px}.page-footer{margin-top:26px;display:flex;justify-content:center;align-items:center;gap:7px;font-size:9px;color:#aab39c;letter-spacing:.3px;text-align:center;line-height:1.8}.page-footer svg{width:12px;height:12px}.footer-dot{margin:0 5px;color:#c3cbb7}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.search-field{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px 12px;flex:1;min-width:180px}.search-field svg{width:16px;height:16px;color:#9aa58f}.search-field input{width:100%;border:0;background:transparent;outline:0;font-size:12px;color:#526849}.search-field input::placeholder{color:#a4af99}.grade-select{border:1px solid var(--border);border-radius:8px;background:#fff;padding:10px;color:#748565;font-size:11px;outline:0}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.poem-card{padding:21px;position:relative;cursor:pointer;transition:.2s;min-height:196px}.poem-card:hover{border-color:#bdcba8;transform:translateY(-2px)}.poem-card h3{font:600 17px var(--serif);letter-spacing:1px;padding-right:24px}.poem-card-meta{font-size:10px;color:#a2ac93;margin-top:9px}.poem-card-lines{font:14px/2 var(--serif);letter-spacing:1px;color:#7e8d6f;margin-top:19px}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.tag{font-size:9px;color:#92a47d;background:#f3f6ec;border-radius:4px;padding:4px 6px}.favorite-button{position:absolute;right:13px;top:15px}.is-favorite{color:#ba9562!important}.result-count{font-size:10px;color:#9fa98f;margin-left:auto}.view-empty{padding:70px 20px;text-align:center;color:#a0ad91}.view-empty>svg{width:39px;height:39px;margin-bottom:18px;stroke-width:1}.view-empty h3{font:500 20px var(--serif);margin-bottom:13px}.view-empty p{font-size:12px;line-height:2}.practice-panel{max-width:720px;margin:0 auto;padding:30px 38px}.practice-progress{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#99aa84}.progress-track{height:5px;background:#edf1e6;border-radius:4px;margin:18px 0 33px;overflow:hidden}.progress-track i{height:100%;display:block;background:#88a06f;border-radius:4px;transition:.3s}.practice-question{font:500 25px/1.9 var(--serif);letter-spacing:1px;margin-bottom:29px}.practice-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.practice-option{border:1px solid #e1e7d7;border-radius:8px;padding:17px;text-align:left;background:#fcfdf9;font-size:13px;line-height:1.6;display:flex;align-items:center;gap:13px}.practice-option span{width:24px;height:24px;display:grid;place-items:center;border:1px solid #e2e8d7;border-radius:5px;color:#94a581;flex-shrink:0;font-size:11px}.practice-option:hover:not(:disabled){border-color:#96ae7c;background:#f2f7eb}.practice-option.correct{border-color:#80a56d;background:#edf5e7;color:#547947;opacity:1}.practice-option.wrong{border-color:#d2a395;background:#faf0ec;color:#b47968;opacity:1}.practice-feedback{min-height:95px;margin-top:22px;font-size:12px;color:#849771;line-height:2}.practice-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0e7;padding-top:21px;margin-top:5px}.practice-tip{font-size:10px;color:#a5af97}.score-circle{width:112px;height:112px;margin:15px auto 25px;background:#edf4e5;border:6px solid #e0ebd4;border-radius:50%;display:grid;place-items:center;font:500 34px var(--serif);color:#5c7c48}.practice-summary{text-align:center}.practice-summary h3{font:600 24px var(--serif);margin-bottom:15px}.practice-summary p{font-size:12px;color:#97a583;line-height:2;margin-bottom:25px}.history-list{display:flex;flex-direction:column;gap:13px}.history-item{padding:19px 22px;display:flex;align-items:center;gap:18px;text-align:left;width:100%}.history-item:hover{border-color:#becda9}.history-icon{width:34px;height:34px;display:grid;place-items:center;background:#f0f4e8;border-radius:8px;color:#91a47b;flex-shrink:0}.history-icon svg{width:17px;height:17px}.history-question{font-size:12px;color:#6b7f58;margin-bottom:9px}.history-answer{font:15px var(--serif);color:#405e36}.history-time{font-size:10px;color:#a8b198;margin-left:auto;white-space:nowrap}.text-button{background:none;color:#92a07e;font-size:11px;padding:6px}.text-button:hover{color:#556f42}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:#2e4e3e;color:#f4f8ed;border:1px solid #55725f;border-radius:9px;padding:12px 20px;font-size:12px;line-height:1.7;box-shadow:0 6px 24px #24402d25;z-index:30;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;min-width:180px;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e1e7d7;border-radius:15px;padding:28px 30px;max-width:520px;width:calc(100% - 36px);color:#3a5133;background:#fdfefa;box-shadow:0 25px 100px #22392335}dialog::backdrop{background:#273c324d;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.modal-header h2{font:600 20px var(--serif)}.modal-body{font-size:12px;color:#7b8b69;line-height:2}.modal-body h3{font-size:12px;color:#506b42;margin:19px 0 5px}.modal-body p{margin:8px 0}.modal-body .poem-title{text-align:center;font:600 25px var(--serif);margin:20px 0 10px}.modal-body .poem-author{text-align:center;font-size:11px;color:#a1ad8e}.modal-body .full-poem{font:18px/2.2 var(--serif);text-align:center;letter-spacing:2px;margin:25px 0}.modal-actions{display:flex;gap:10px;justify-content:center;margin-top:24px}.setting-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #e9edde}.setting-row strong{display:block;font-size:12px;color:#5f774d;font-weight:500}.setting-row small{display:block;font-size:10px;color:#9aa789;line-height:1.8;margin-top:5px}.switch{width:35px;height:21px;border-radius:14px;background:#dbe3d1;position:relative;flex-shrink:0;margin-top:2px}.switch:after{content:"";position:absolute;width:15px;height:15px;background:white;border-radius:50%;left:3px;top:3px;transition:.15s}.switch[aria-checked="true"]{background:#6b8c58}.switch[aria-checked="true"]:after{transform:translateX(14px)}.clear-history{color:#b28a72}.mobile-brand{display:none}.error-message{color:#ad806a!important}.loading{opacity:.6}.reference-note{border:1px dashed #d7e2cb;background:#f0f4e8;padding:14px 17px;font-size:10px;line-height:1.9;color:#8c9b79;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:10px}.reference-note svg{width:16px;height:16px;flex-shrink:0}
@keyframes pulse{50%{opacity:.35}}@keyframes wave{to{height:7px}}@keyframes listening-ring{50%{box-shadow:0 0 0 13px #f4e8de,0 0 0 19px #f9f2ec}}@media(min-width:1500px){.main-content{padding-top:47px}.voice-stage{padding-top:39px;padding-bottom:30px}.examples-section{margin-top:35px}}@media(max-width:1200px){.sidebar{padding-left:15px;padding-right:15px}.app-shell{grid-template-columns:207px minmax(0,1fr)}.main-content{padding:32px 29px 22px}.topbar{padding:0 29px}.workspace-grid{gap:17px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.listen-card{padding-left:21px;padding-right:21px}.intro h2{font-size:26px}.catalog-badge{font-size:10px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-question{font-size:10px}.example-card{padding:14px 13px;gap:9px}.section-title span{display:none}.answer-content{padding:22px}.answer-text{font-size:24px}}@media(max-width:950px){.app-shell{grid-template-columns:77px minmax(0,1fr)}.sidebar{padding:27px 12px}.brand{padding:0;justify-content:center}.brand-copy,.nav-label,.nav-button>span,.daily-card,.sidebar-profile{display:none}.navigation{margin-top:37px;gap:13px}.nav-button{padding:14px;justify-content:center}.nav-button.active:after{display:none}.intro h2{font-size:25px}.catalog-badge{padding:8px 10px}.main-content{padding:30px 26px}.topbar{padding:0 26px}.workspace-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.voice-caption{font-size:9px}.input-hint{display:none}.answer-content{padding:19px}.examples-grid{gap:10px}.example-icon{width:30px;height:30px}.example-card{padding:14px 11px}.example-tabs{gap:1px}.tab{padding:6px 8px}.example-type{font-size:8px}}@media(max-width:700px), (max-width:950px) and (max-height:500px){.app-shell{display:block;padding-bottom:72px}.sidebar{position:fixed;top:auto;bottom:0;height:65px;width:100%;padding:0 8px;border:0;border-top:1px solid #e3e9dc;background:#fdfef9f5;backdrop-filter:blur(12px)}.sidebar .brand{display:none}.navigation{margin:0;flex-direction:row;gap:0;height:100%;justify-content:space-around}.nav-button{border-radius:0;flex-direction:column;gap:5px;padding:11px 8px;flex:1;font-size:9px}.nav-button>span:not(.nav-count){display:block}.nav-button svg{width:18px;height:18px}.nav-button.active{background:transparent;color:var(--green)}.nav-button.active:after{display:block;top:0;left:50%;transform:translateX(-50%);right:auto;width:25px;height:3px;border-radius:0 0 5px 5px}.topbar{height:66px;padding:0 20px}.breadcrumb{display:none}.mobile-brand{display:flex;gap:8px;align-items:center;font:600 20px var(--serif);letter-spacing:1px}.mobile-brand>svg{color:var(--green);width:24px;height:24px}.top-actions{gap:9px}.date{display:none}.main-content{padding:27px 18px 20px}.intro{margin-bottom:24px;align-items:flex-start;gap:10px}.intro h2{font-size:24px;letter-spacing:1px}.intro p{font-size:10px;margin-top:9px;max-width:260px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:9px}.catalog-badge{font-size:9px;padding:7px 9px;gap:4px;margin-top:7px}.catalog-badge svg{width:12px;height:12px}.catalog-badge .badge-label{display:none}.workspace-grid{grid-template-columns:1fr;gap:17px}.listen-card{padding:20px}.voice-stage{padding-top:26px;padding-bottom:18px}.microphone{height:77px;width:77px}.voice-title{font-size:13px}.voice-caption{font-size:10px}.voice-shortcut{display:none}.waveform{margin-top:15px;height:20px}.answer-empty{min-height:195px;padding:21px}.empty-illustration{height:64px;margin-bottom:12px}.empty-illustration:before{width:62px;height:62px}.empty-illustration>svg{height:36px;width:36px}.answer-panel>.panel-heading{padding:20px}.answer-empty p br{display:none}.answer-empty p{max-width:240px}.answer-footer{padding:12px}.answer-content{padding:20px}.answer-text{font-size:27px}.examples-section{margin-top:27px}.section-heading{align-items:flex-start;gap:8px}.section-title{font-size:13px;line-height:25px}.tab{padding:6px 7px;font-size:9px}.examples-grid{grid-template-columns:1fr;gap:9px}.example-card{padding:14px 16px;min-height:70px;gap:13px}.example-icon{width:34px;height:34px}.example-type{font-size:9px}.example-question{font-size:11px}.page-footer{font-size:8px;flex-wrap:wrap;gap:3px;margin-top:24px}.library-grid{grid-template-columns:1fr 1fr;gap:11px}.poem-card{padding:17px 14px;min-height:190px}.poem-card h3{font-size:15px}.poem-card-lines{font-size:12px}.poem-card-meta{font-size:9px}.poem-card .tag{font-size:8px}.favorite-button{right:6px;top:11px}.favorite-button svg{width:15px;height:15px}.toolbar{gap:8px}.grade-select{padding:10px 7px;font-size:10px}.result-count{display:none}.practice-panel{padding:23px 20px}.practice-question{font-size:22px}.practice-options{grid-template-columns:1fr;gap:10px}.practice-option{padding:13px}.practice-tip{max-width:160px;line-height:1.7}.history-item{padding:16px;gap:12px}.history-time{font-size:8px;max-width:65px;line-height:1.7}.history-question{font-size:11px;line-height:1.7}.history-answer{font-size:14px}.history-icon{display:none}dialog{padding:23px}.reference-note{font-size:9px;padding:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Compact phone layout: keep listening controls and the answer together. */
@media (max-width:700px), (max-width:950px) and (max-height:500px) {
  .app-shell { padding-bottom:calc(76px + env(safe-area-inset-bottom)); }
  .sidebar {
    height:calc(64px + env(safe-area-inset-bottom));
    padding:0 max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));
  }
  .navigation { height:64px; }
  .nav-button { flex:1 1 0; min-width:0; padding:10px 2px; gap:5px; font-size:10px; }
  .nav-button>span:not(.nav-count) { white-space:nowrap; }
  .nav-count { position:absolute; top:5px; right:5px; margin:0; font-size:9px; padding:1px 3px; }
  .topbar { height:54px; padding-left:max(14px,env(safe-area-inset-left)); padding-right:max(10px,env(safe-area-inset-right)); }
  .top-actions { gap:2px; }
  .icon-button { min-width:44px; min-height:44px; }
  .main-content { padding:16px max(14px,env(safe-area-inset-right)) 20px max(14px,env(safe-area-inset-left)); }
  .intro { margin-bottom:18px; }
  .intro h2 { font-size:22px; }
  .intro p { font-size:12px; }
  .view-listen .intro { margin-bottom:12px; }
  .view-listen .intro h2 { font-size:21px; line-height:1.4; letter-spacing:1px; }
  .view-listen .eyebrow,.view-listen .intro p,.view-listen .catalog-badge { display:none; }
  .workspace-grid { gap:12px; scroll-margin-top:12px; }
  .listen-card { padding:14px; }
  .listen-card>.panel-heading { display:none; }
  .voice-stage { display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; align-items:center; padding:0 0 14px; }
  .voice-copy { display:block; min-width:0; }
  .microphone { width:48px; height:48px; box-shadow:0 0 0 4px #f1f5ec; }
  .microphone:hover { transform:none; box-shadow:0 0 0 4px #edf3e5; }
  .microphone svg { width:23px; height:23px; }
  .microphone.is-listening { animation:none; box-shadow:0 0 0 4px #f4e8de; }
  .voice-title { margin:0; font-size:14px; line-height:1.5; color:#425e4a; }
  .voice-caption { margin:3px 0 0; font-size:11px; line-height:1.6; text-align:left; max-width:none; min-height:0; }
  .waveform,.voice-shortcut,.text-divider { display:none; }
  .question-box { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; padding:8px; }
  .question-box textarea { min-height:48px; height:48px; padding:0 2px; font-size:16px; line-height:24px; }
  .input-actions { padding:0; }
  .input-actions .primary-button { min-height:48px; padding:10px; font-size:13px; gap:5px; }
  .desktop-submit { display:none; }
  .mobile-submit { display:inline; }
  .answer-panel>.panel-heading { padding:12px 14px; min-height:43px; }
  .panel-title { font-size:13px; }
  .answer-label { font-size:10px; }
  .answer-empty { min-height:100px; padding:14px; }
  .empty-illustration { display:none; }
  .answer-empty h3 { font-size:16px; }
  .answer-empty p { font-size:12px; line-height:1.7; margin-top:7px; max-width:none; }
  .answer-content { padding:14px; }
  .answer-kind { font-size:11px; flex-wrap:wrap; }
  .answer-text { font-size:30px; line-height:1.45; letter-spacing:1px; margin:8px 0; }
  .answer-text.large { font-size:36px; }
  .answer-text.long-answer { font-size:21px; line-height:1.7; }
  .answer-text.long-answer.large { font-size:26px; }
  .match-note { font-size:11px; line-height:1.7; }
  .answer-source { font-size:12px; line-height:1.7; margin-top:10px; }
  .answer-source span { display:inline-block; font-size:11px; }
  .poem-details { margin-top:12px; padding-top:6px; }
  .poem-details summary { min-height:44px; font-size:12px; }
  .answer-actions { margin-top:10px; flex-wrap:wrap; }
  .answer-actions button { min-height:44px; font-size:12px; padding:9px 12px; }
  .alternative-list button { min-height:44px; font-size:12px; }
  .answer-footer { padding:9px 12px; font-size:10px; }
  .examples-section { margin-top:20px; }
  .section-heading { flex-wrap:wrap; }
  .example-tabs { flex-wrap:wrap; }
  .tab { min-height:44px; font-size:11px; padding:9px; }
  .example-question { font-size:13px; }
  .example-type { font-size:11px; }
  .search-field { min-width:0; flex-basis:100%; min-height:46px; }
  .search-field input,.grade-select { font-size:16px; }
  .grade-select { min-height:44px; max-width:100%; flex:1; }
  .poem-card { padding:17px 12px; }
  .poem-card h3 { padding-right:24px; font-size:16px; line-height:1.5; }
  .poem-card-meta { font-size:11px; line-height:1.6; }
  .poem-card-lines { font-size:14px; overflow-wrap:anywhere; }
  .favorite-button { right:2px; top:7px; }
  .history-item { min-width:0; align-items:flex-start; }
  .history-item>div { min-width:0; flex:1; }
  .history-question { font-size:13px; overflow-wrap:anywhere; }
  .history-answer { font-size:16px; line-height:1.7; overflow-wrap:anywhere; }
  .history-time { font-size:10px; flex-shrink:0; }
  .reference-note { font-size:11px; }
  .practice-option { min-height:48px; font-size:15px; }
  .practice-panel .primary-button,.modal-actions button { min-height:44px; font-size:13px; }
  .text-button { min-height:44px; font-size:12px; }
  dialog { max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); overflow:auto; padding:20px; }
  .modal-header { margin-bottom:12px; }
  .modal-header h2 { font-size:19px; }
  .modal-body { font-size:14px; }
  .modal-body h3 { font-size:14px; }
  .modal-actions { flex-wrap:wrap; }
  .setting-row strong { font-size:14px; }
  .setting-row small { font-size:12px; }
  .switch { width:48px; height:44px; margin:0; background:transparent; }
  .switch:before { content:""; position:absolute; inset:9px 0; border-radius:20px; background:#dbe3d1; }
  .switch:after { width:20px; height:20px; left:3px; top:12px; }
  .switch[aria-checked="true"] { background:transparent; }
  .switch[aria-checked="true"]:before { background:#6b8c58; }
  .switch[aria-checked="true"]:after { transform:translateX(22px); }
  .toast { bottom:calc(78px + env(safe-area-inset-bottom)); font-size:13px; }
}
@media (max-width:360px) {
  .main-content { padding-left:max(10px,env(safe-area-inset-left)); padding-right:max(10px,env(safe-area-inset-right)); }
  .listen-card { padding:12px; }
  .voice-stage { gap:10px; }
  .voice-title { font-size:13px; }
  .answer-text { font-size:28px; }
  .library-grid { grid-template-columns:1fr; }
}

@media (min-width:560px) and (max-width:950px) and (max-height:500px) {
  .listen-card { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:center; gap:14px; padding:12px; }
  .voice-stage { padding:0; }
  .voice-title { font-size:13px; }
  .voice-caption { display:none; }
  .voice-caption.error-message { display:block; }
}