:root{color:#172622;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f7f3ea;--surface:#fffdf8;--surface-strong:#fff;--ink:#172622;--muted:#5d6a65;--line:#e2ddd2;--green:#194c43;--green-dark:#103d36;--green-soft:#e7f0ec;--coral:#dc7357;--coral-soft:#f9e9e2;--amber-soft:#f5edd1;--shadow:0 12px 32px #1a322b12;background:#eee9df;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei UI,sans-serif}*{box-sizing:border-box}html{background:#eee9df;min-width:320px}body{overscroll-behavior-y:none;background:#eee9df;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #ef9e62}.app-shell{background:var(--paper);width:100%;max-width:760px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 60px #22322d14}.main-content{min-height:100vh;padding:0 16px calc(108px + env(safe-area-inset-bottom))}.skip-link{z-index:100;background:#fff;border-radius:10px;padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.home-hero{padding:calc(22px + env(safe-area-inset-top)) 20px 26px;color:#fff;background:radial-gradient(circle at 92% 8%, #ffffff1f 0 52px, transparent 53px), radial-gradient(circle at 85% 18%, #ffffff14 0 105px, transparent 106px), var(--green);border-radius:0 0 28px 28px;margin:0 -16px 28px}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{background:#ffffff1f;border:1px solid #ffffff47;border-radius:14px;flex:0 0 44px;place-items:center;width:44px;height:44px;font-family:Segoe UI,system-ui,sans-serif;font-size:23px;font-weight:700;display:grid}.brand-lockup p,.brand-lockup h1{margin:0}.brand-lockup p{color:#bcd5ce;letter-spacing:.14em;text-transform:uppercase;font-family:Segoe UI,system-ui,sans-serif;font-size:11px;font-weight:700}.brand-lockup h1{margin-top:2px;font-size:20px;line-height:1.25}.home-hero__promise{color:#f6fbf8;letter-spacing:-.02em;max-width:280px;margin:24px 0 18px;font-size:24px;font-weight:650;line-height:1.42}.search-box{width:100%}.search-box__label{margin:0 0 9px 2px;font-size:15px;font-weight:650;display:block}.home-hero .search-box__label{color:#d9e8e3}.search-box__control{position:relative}.search-box__control input{width:100%;min-height:58px;color:var(--ink);background:var(--surface-strong);appearance:none;border:1px solid #133d3521;border-radius:16px;padding:0 46px 0 48px;font-size:16px;line-height:1.4;box-shadow:0 9px 24px #08221d1f}.search-box__control input::placeholder{color:#89938f}.search-box__control input::-webkit-search-cancel-button{display:none}.search-box__icon{z-index:1;color:var(--green);pointer-events:none;font-family:Segoe UI,system-ui,sans-serif;font-size:28px;line-height:1;position:absolute;top:50%;left:17px;transform:translateY(-52%)}.search-box__clear{color:#6d7974;background:0 0;border:0;border-radius:12px;width:44px;height:44px;padding:0;font-size:25px;position:absolute;top:7px;right:8px}.content-section{margin:0 0 32px}.section-heading{justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:14px;display:flex}.section-heading h2,.section-heading p{margin:0}.section-heading h2{letter-spacing:-.015em;font-size:20px;line-height:1.35}.section-heading p{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.text-link,.text-button{min-height:44px;color:var(--green);background:0 0;border:0;flex:none;padding:11px 2px 8px 12px;font-weight:650;text-decoration:none}.phrase-list,.compact-list{gap:12px;display:grid}.phrase-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;padding:17px;position:relative;overflow:hidden}.phrase-card:before{content:"";background:var(--coral);opacity:.82;width:4px;height:100%;position:absolute;top:0;left:0}.phrase-card--mastered:before{background:#6f9587}.phrase-card__meta{min-height:24px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.tone{background:var(--green-soft);min-height:23px;color:var(--green);border-radius:999px;align-items:center;margin-left:auto;padding:2px 8px;font-size:11px;display:inline-flex}.tone--firm{color:#9a4c39;background:var(--coral-soft)}.tone--neutral{color:#775f23;background:var(--amber-soft)}.phrase-card__zh{margin:11px 0 5px;font-size:17px;font-weight:650;line-height:1.45}.phrase-card__en{overflow-wrap:anywhere;color:#123f37;letter-spacing:-.03em;margin:4px 0 11px;font-family:Segoe UI,system-ui,sans-serif;font-size:clamp(25px,7vw,31px);font-weight:700;line-height:1.19}.phrase-card__context{color:#64706b;background:#f3f0e9;border-radius:12px;margin:0 0 15px;padding:10px 12px;font-size:13px;line-height:1.65}.speak-button{border:1px solid var(--green);color:#fff;background:var(--green);border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;padding:10px 15px;font-weight:700;display:flex;box-shadow:0 7px 17px #194c432e}.speak-button span{place-items:center;min-width:23px;font-family:Segoe UI,system-ui,sans-serif;font-size:18px;display:inline-grid}.speak-button--active{background:#27675b}.phrase-card__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.phrase-card__actions button{border:1px solid var(--line);color:#53605b;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:46px;padding:7px 4px;font-size:12px;font-weight:650;line-height:1.2;display:flex}.phrase-card__actions button span{font-size:16px}.phrase-card__actions button.is-active{color:var(--green);background:var(--green-soft);border-color:#a9c7be}.phrase-card__details{color:var(--muted);margin-top:9px;font-size:12px}.phrase-card__details summary{cursor:pointer;min-height:42px;padding:12px 2px 7px;font-weight:600}.reply-block{background:#f1f5f2;border-radius:12px;padding:12px}.reply-block>span{margin-bottom:8px;line-height:1.5;display:block}.reply-block p{color:var(--green-dark);margin:3px 0;font-family:Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:650}.source-note{margin:9px 2px 0;line-height:1.55}.phrase-card--compact{box-shadow:none;border-radius:17px;padding:14px 15px}.phrase-card--compact .phrase-card__meta{min-height:18px;font-size:11px}.phrase-card--compact .phrase-card__zh{margin-top:7px;font-size:14px}.phrase-card--compact .phrase-card__en{margin:3px 0 10px;font-size:21px}.phrase-card--compact .speak-button{background:var(--surface-strong);min-height:46px;color:var(--green);box-shadow:none}.inline-error,.form-notice{color:#a24431;margin:8px 0 0;font-size:12px;line-height:1.5}.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.scene-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-width:0;min-height:150px;padding:15px 13px 30px;text-decoration:none;position:relative}.scene-card__icon{margin-bottom:12px;font-size:27px;display:block}.scene-card strong,.scene-card>span:not(.scene-card__icon){display:block}.scene-card strong{font-size:15px;line-height:1.4}.scene-card>span:not(.scene-card__icon){color:var(--muted);margin-top:5px;font-size:11px;line-height:1.55}.scene-card b{color:var(--green);font-family:Segoe UI,system-ui,sans-serif;position:absolute;bottom:11px;right:13px}.empty-state{min-height:90px;color:var(--muted);background:#fffdf88c;border:1px dashed #cec8bc;border-radius:16px;align-items:center;gap:13px;padding:15px;display:flex}.empty-state>span{width:37px;height:37px;color:var(--green);background:var(--green-soft);border-radius:12px;flex:0 0 37px;place-items:center;font-size:22px;display:grid}.empty-state strong,.empty-state p{margin:0;display:block}.empty-state strong{color:var(--ink);font-size:14px}.empty-state p{margin-top:4px;font-size:12px;line-height:1.55}.page{padding-top:calc(18px + env(safe-area-inset-top))}.page-header{align-items:flex-start;gap:11px;min-height:76px;margin-bottom:18px;display:flex}.page-header h1,.page-header p{margin:0}.page-header h1{letter-spacing:-.02em;font-size:25px;line-height:1.25}.page-header .eyebrow{color:var(--muted);margin-bottom:4px;font-size:11px;line-height:1.45}.back-button{width:44px;height:44px;color:var(--green);background:0 0;border:0;border-radius:13px;flex:0 0 44px;place-items:center;margin-left:-8px;padding:0;font-size:25px;display:grid}.result-summary{color:var(--muted);margin:13px 2px;font-size:12px;line-height:1.5}.chip-row{scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px 10px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip-row button{border:1px solid var(--line);color:#56635e;background:var(--surface);border-radius:999px;flex:none;min-height:42px;padding:8px 14px;font-size:13px;font-weight:600}.chip-row button.is-active{border-color:var(--green);color:#fff;background:var(--green)}.scene-tabs{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f3eaf5;padding-top:8px;position:sticky;top:0;box-shadow:0 8px 16px #1e312b0d}.soft-note{color:#5f6254;background:var(--amber-soft);border-radius:14px;margin:-4px 0 15px;padding:12px 14px;font-size:12px;line-height:1.65}.stats-card{color:#fff;background:var(--green);border-radius:20px;grid-template-columns:repeat(3,1fr);margin-bottom:22px;padding:17px 8px;display:grid}.stats-card div{text-align:center;gap:2px;display:grid}.stats-card div+div{border-left:1px solid #ffffff2e}.stats-card strong{font-family:Segoe UI,system-ui,sans-serif;font-size:26px}.stats-card span{color:#c9ded8;font-size:11px}.menu-list{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-bottom:18px;display:grid;overflow:hidden}.menu-list a{grid-template-columns:43px 1fr auto;align-items:center;gap:12px;min-height:78px;padding:12px 15px;text-decoration:none;display:grid}.menu-list a+a{border-top:1px solid var(--line)}.menu-list__icon{width:43px;height:43px;color:var(--green);background:var(--green-soft);border-radius:13px;place-items:center;font-family:Segoe UI,system-ui,sans-serif;font-size:16px;font-weight:700;display:grid}.menu-list strong,.menu-list small{display:block}.menu-list strong{font-size:15px}.menu-list small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.45}.menu-list b{color:var(--green)}.privacy-card{background:#eae8df;border-radius:17px;align-items:flex-start;gap:12px;padding:15px;display:flex}.privacy-card>span{font-size:20px}.privacy-card strong,.privacy-card p{margin:0}.privacy-card strong{font-size:13px}.privacy-card p{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.55}.custom-form,.settings-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;margin-bottom:20px;padding:17px}.form-intro{margin-bottom:16px}.form-intro strong,.form-intro span{display:block}.form-intro strong{font-size:18px}.form-intro span{color:var(--muted);margin-top:3px;font-size:12px}.custom-form>label,.form-row label,.setting-field{color:#4f5b57;gap:7px;margin-bottom:14px;font-size:12px;font-weight:650;display:grid}.custom-form label b{color:var(--coral)}.custom-form input,.custom-form textarea,.custom-form select,.setting-field select{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #d9d4ca;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:400}.custom-form textarea{resize:vertical;min-height:82px}.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.primary-button{border:1px solid var(--green);color:#fff;background:var(--green);border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:52px;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-flex}.form-notice{color:var(--green);text-align:center}.custom-list{margin-top:26px}.custom-phrase-wrap{position:relative}.danger-link{color:#a14d3b;background:0 0;border:0;min-height:44px;margin:3px 8px 0 auto;padding:10px 6px;font-size:12px;display:block}.settings-card__title{align-items:flex-start;gap:11px;margin-bottom:18px;display:flex}.settings-card__title>span{width:38px;height:38px;color:var(--green);background:var(--green-soft);border-radius:12px;flex:0 0 38px;place-items:center;font-family:Segoe UI,system-ui,sans-serif;font-weight:700;display:grid}.settings-card h2,.settings-card p{margin:0}.settings-card h2{font-size:17px}.settings-card__title p,.setting-help{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.55}.setting-field strong{color:var(--green)}.setting-field input[type=range]{width:100%;accent-color:var(--green)}.voice-picker{border:0;margin:0 0 18px;padding:0}.voice-picker legend{color:var(--text);margin-bottom:8px;font-size:12px;font-weight:700}.voice-picker__list{gap:8px;display:grid}.voice-option{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:8px;min-height:64px;padding:8px;display:flex}.voice-option--selected{background:#f2f8f5;border-color:#86aaa0;box-shadow:inset 0 0 0 1px #194c4314}.voice-option label{cursor:pointer;flex:auto;align-items:center;gap:9px;min-width:0;display:flex}.voice-option input{accent-color:var(--green);flex:none}.voice-option__gender{border-radius:999px;flex:none;padding:4px 7px;font-size:10px;font-weight:700}.voice-option__gender--male{color:#315f78;background:#e9f4fa}.voice-option__gender--female{color:#845268;background:#faedf3}.voice-option__copy,.voice-option__copy strong,.voice-option__copy small{min-width:0;display:block}.voice-option__copy strong{color:var(--text);font-size:13px}.voice-option__copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.voice-option>button{min-width:52px;min-height:44px;color:var(--green);background:#fff;border:1px solid #b7cbc5;border-radius:11px;flex:none;padding:8px 10px;font-size:11px;font-weight:700}.audio-pack{border-top:1px solid var(--line);margin-top:18px;padding-top:17px}.audio-pack__summary{justify-content:space-between;align-items:center;gap:14px;display:flex}.audio-pack__summary span,.audio-pack__summary strong,.audio-pack__summary small{display:block}.audio-pack__summary strong{font-size:14px}.audio-pack__summary small{color:var(--muted);margin-top:3px;font-size:11px}.audio-pack__summary b{color:var(--green);background:var(--green-soft);border-radius:999px;flex:none;padding:5px 9px;font-family:Segoe UI,system-ui,sans-serif;font-size:11px}.audio-pack>p,.audio-pack__note{color:var(--muted);font-size:11px;line-height:1.6}.audio-pack>p{margin:10px 0 12px}.audio-pack progress{width:100%;height:8px;accent-color:var(--green);border:0;border-radius:999px;margin:0 0 12px;display:block}.audio-pack__actions{align-items:center;gap:8px;display:flex}.audio-pack__actions .primary-button{min-height:48px;padding:9px 12px;font-size:12px}.audio-pack__actions button:disabled{cursor:default;opacity:.58}.audio-pack__remove{border:1px solid var(--line);color:#65716c;background:#fff;border-radius:12px;flex:none;min-height:48px;padding:9px 11px;font-size:12px;font-weight:650}.audio-pack .audio-pack__message{color:var(--green);margin:10px 0 0}.audio-pack__note{margin-top:10px;display:block}.range-labels{color:var(--muted);justify-content:space-between;font-weight:400;display:flex}.switch-row{justify-content:space-between;align-items:center;gap:15px;min-height:66px;padding:8px 0;display:flex}.switch-row+.switch-row{border-top:1px solid var(--line)}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:14px}.switch-row small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.45}.switch-row input{width:47px;height:27px;accent-color:var(--green);flex:0 0 47px}.data-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.data-actions button,.danger-button,.confirm-dialog button{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:48px;padding:9px 12px;font-size:12px;font-weight:650}.settings-card>.danger-button{color:#9c4634;background:#fff8f5;border-color:#ecc7bc;width:100%;margin-top:16px}.settings-message{color:var(--green);background:var(--green-soft);border-radius:12px;margin:0 0 18px;padding:12px 14px;font-size:12px;line-height:1.5}.modal-backdrop{z-index:80;background:#0a1f1b8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#fff;border-radius:22px;width:min(100%,390px);padding:23px;box-shadow:0 25px 70px #0003}.confirm-dialog__mark{color:#a14632;background:var(--coral-soft);border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;font-weight:700;display:grid}.confirm-dialog h2{margin:15px 0 8px;font-size:20px}.confirm-dialog p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.confirm-dialog>div{grid-template-columns:1fr 1fr;gap:9px;margin-top:19px;display:grid}.confirm-dialog .danger-button{color:#fff;background:#a64835;border-color:#a64835}.bottom-nav{z-index:40;width:100%;max-width:760px;min-height:calc(69px + env(safe-area-inset-bottom));padding:7px 9px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8f0;border-top:1px solid #cfcac0d9;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #1e312b14}.bottom-nav a{color:#5d6964;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:54px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--green);background:var(--green-soft)}.bottom-nav__icon{place-items:center;width:24px;height:24px;display:grid}.bottom-nav__icon svg{stroke-width:2px;width:22px;height:22px}.status-stack{z-index:70;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));pointer-events:none;gap:7px;max-width:640px;margin:0 auto;display:grid;position:fixed;left:12px}.status-banner,.update-banner{color:#fff;pointer-events:auto;background:#263b36;border:1px solid #ffffff2b;border-radius:13px;min-height:44px;padding:11px 14px;font-size:12px;line-height:1.5;box-shadow:0 9px 24px #0d211c33}button.status-banner{text-align:left;width:100%}.status-banner--ready{color:var(--green-dark);background:#e5f1ed;border-color:#b9d5cb;justify-content:space-between;display:flex}.status-banner--offline{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-banner--offline button{color:#fff;background:#ffffff1f;border:0;border-radius:9px;flex:0 0 36px;place-items:center;width:36px;height:36px;margin:-7px -8px -7px 0;padding:0;font-size:21px;line-height:1;display:grid}.update-banner{background:var(--green-dark);justify-content:space-between;align-items:center;gap:12px;display:flex}.update-banner button{min-height:36px;color:var(--green-dark);background:#fff;border:0;border-radius:9px;padding:6px 11px;font-size:12px;font-weight:700}.storage-warning{color:#824331;background:var(--coral-soft);text-align:center;margin:0 -16px;padding:10px 16px;font-size:12px}.not-found{min-height:65vh;padding-top:env(safe-area-inset-top);text-align:center;place-items:center;display:grid}.not-found>span{width:64px;height:64px;color:var(--green);background:var(--green-soft);border-radius:20px;place-items:center;font-size:30px;font-weight:700;display:grid}.not-found h1{margin:18px 0 6px;font-size:23px}.not-found p{color:var(--muted);margin:0 0 18px;font-size:13px}.not-found .primary-button{width:auto}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width>=560px){.main-content{padding-left:24px;padding-right:24px}.home-hero{margin-left:-24px;margin-right:-24px;padding-left:28px;padding-right:28px}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}