:root{--cream:#fbf8f1;--paper:#fffefa;--green:#163a33;--dark:#142e2a;--mint:#eaf5ef;--orange:#ef795d;--yellow:#f7cb59;--ink:#193b35;--muted:#70807c;--line:#e7e6df;--shadow:0 12px 36px #1b342d12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}a{color:inherit}.shell{grid-template-columns:242px minmax(0,1fr) 268px;max-width:1800px;min-height:100vh;margin:auto;display:grid}.sidebar{background:var(--paper);border-right:1px solid var(--line);flex-direction:column;height:100vh;padding:30px 18px;display:flex;position:sticky;top:0}.brand{cursor:pointer;white-space:nowrap;align-items:center;gap:11px;padding:8px 8px 38px;font-size:20px;font-weight:900;display:flex}.brand small{letter-spacing:.14em;color:var(--muted);margin-top:3px;font-size:10px;font-weight:700;display:block}.brand-mark{background:var(--yellow);border-radius:13px;place-items:center;width:41px;height:41px;font-size:24px;display:grid}.side-label,.eyebrow{color:var(--orange);letter-spacing:.18em;font-size:11px;font-weight:900}.side-label{padding:15px 17px}.side-link{color:#697a74;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:15px;width:100%;margin:2px 0;padding:13px 17px;font-size:15px;font-weight:700;display:flex}.side-link b{min-width:22px;font-size:20px;font-weight:500}.side-link:hover,.side-link.active{background:var(--mint);color:var(--green)}.sidebar-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:20px 10px;font-size:13px;display:flex}.main-column{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf8f1db;justify-content:space-between;align-items:center;height:75px;padding:0 clamp(24px,4vw,72px);font-size:14px;font-weight:700;display:flex;position:sticky;top:0}.top-logo{display:none}.account{background:var(--yellow);color:var(--dark);border:0;border-radius:50%;width:38px;height:38px;font-size:12px;font-weight:900;overflow:hidden}.content{width:min(100%,850px);margin:auto;padding:36px clamp(22px,4vw,56px) 110px}.page-head{margin-bottom:28px}.page-head h1,.section-top h1{color:var(--green);margin:13px 0;font-size:clamp(34px,4vw,54px);line-height:1.15}.page-head p,.section-top p{color:var(--muted);max-width:600px;font-size:15px;line-height:1.7}.today-panel{background:var(--green);color:#fff;box-shadow:var(--shadow);border-radius:25px;padding:25px 23px 23px}.panel-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-top h2{margin:13px 0;font-size:25px}.pill{color:#a84f35;background:#fff4e9;border-radius:100px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-block}.progress-ring{background:conic-gradient(var(--orange) var(--pct),#567069 var(--pct));border-radius:50%;flex:none;place-items:center;width:72px;height:72px;display:grid;position:relative}.progress-ring:before{content:"";background:var(--green);border-radius:50%;position:absolute;inset:5px}.progress-ring strong{z-index:1;font-size:26px}.progress-ring small{color:#9fb6b0;font-size:13px}.meter{background:#4e6963;border-radius:20px;width:100%;height:5px;margin:10px 0 18px;overflow:hidden}.meter span{border-radius:inherit;background:var(--orange);height:100%;transition:width .3s;display:block}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tile{text-align:left;min-width:0;min-height:148px;color:var(--green);background:#f0f9f5;border:0;border-radius:16px;flex-direction:column;padding:18px;display:flex;overflow:hidden}.tile:hover{background:#fff;transform:translateY(-2px)}.tile-top{color:var(--orange);justify-content:space-between;font-size:14px;font-weight:900;display:flex}.tile-top small{color:var(--muted);letter-spacing:.14em}.tile-name{white-space:nowrap;align-items:baseline;gap:8px;margin:7px 0 4px;font-size:26px;font-weight:900;display:flex}.tile-name small{letter-spacing:.14em;color:var(--muted);font-size:10px}.tile p{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0 0 8px;font-size:14px;font-weight:700;overflow:hidden}.tile>small{color:#617a73;margin-top:auto;font-size:12px}.bottom-actions{flex-wrap:wrap;gap:12px;margin:23px 0;display:flex}.primary,.secondary,.small-primary{border:0;border-radius:12px;min-height:46px;padding:13px 22px;font-weight:800}.primary,.small-primary{background:var(--orange);color:#fff}.primary:hover,.small-primary:hover{background:#db654b}.secondary{color:var(--green);background:#eaf2ed}.secondary:hover{background:#d9eae0}.small-primary{min-height:38px;padding:10px 15px}.wide{width:100%;margin-top:16px}.text-button{color:var(--orange);background:0 0;border:0;padding:8px;font-weight:700}.right-rail{border-left:1px solid var(--line);height:100vh;padding:108px 25px 25px;position:sticky;top:0}.rail-card{background:var(--paper);box-shadow:var(--shadow);border-radius:20px;padding:22px}.rail-number{margin:22px 0;font-size:59px;font-weight:900;line-height:1}.rail-number small{color:var(--muted);font-size:18px}.rail-card .meter{background:#e1ebe6}.rail-row{border-top:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:14px;display:flex}.rail-row strong{color:var(--muted);font-size:12px}.rail-note{color:var(--muted);margin:22px 6px;font-size:13px;line-height:1.8}.mobile-nav{display:none}.section-top{margin-bottom:24px}.section-top h1{max-width:700px}.done-label{color:#48816f;font-size:12px;font-weight:800;display:inline-block}.audio-panel{background:var(--green);color:#fff;border-radius:23px;margin-bottom:16px;padding:30px}.audio-panel h2{margin:16px 0 25px;font-family:Georgia,serif;font-size:clamp(27px,4vw,41px)}.audio-panel audio{width:100%;max-width:600px;height:54px;display:block}.muted,.footnote{opacity:.7;margin:15px 0 0;font-size:12px;line-height:1.6}.paper-card,.soft-card,.prompt-card{border-radius:21px;margin-bottom:16px;padding:27px 30px}.paper-card{background:var(--paper);box-shadow:var(--shadow)}.soft-card{background:#fff5df}.prompt-card{background:var(--green);color:#fff}.prompt-card h2{margin:17px 0;font-family:Georgia,serif;font-size:29px;line-height:1.35}.prompt-card p{color:#c3d3cd;line-height:1.7}.card-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.card-heading h2{margin:0}.card-heading small{color:var(--muted)}.paper-card h2,.soft-card h2{color:var(--green)}.prose{white-space:pre-wrap;overflow-wrap:anywhere;max-width:68ch;font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1.9}.word{cursor:pointer;border-radius:3px}.word:hover,.word:focus-visible{background:#ffe5b8;outline:none}.word.vocab{color:#d36c52;font-weight:700}.word.saved{background:#fff0a3;box-shadow:0 2px #e8b94f}.reading-card{padding:34px 38px}.stack{gap:15px;display:grid}.sentence,.showcase-body{overflow-wrap:anywhere;max-width:68ch;font-family:Georgia,Times New Roman,serif;font-size:22px;line-height:1.75}.hints{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.hints span{background:var(--mint);border-radius:8px;padding:8px 10px;font-size:13px}.record-controls,.showcase-actions,.admin-review{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.record-controls .secondary{min-width:125px}.local-audio{width:100%;margin-top:12px}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px;display:grid}.vocab-grid div{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:11px 0;display:flex}.vocab-grid strong{color:var(--orange)}.vocab-grid span{color:var(--muted)}.field-label{color:var(--green);font-weight:800;display:block}input:not([type=checkbox]):not([type=file]),textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #d9e2dc;border-radius:10px;outline:none;min-height:43px;margin-top:7px;padding:12px 14px;display:block}input:focus,textarea:focus,select:focus{border-color:#83a99a;box-shadow:0 0 0 3px #cce6da}.writing-area{resize:vertical;min-height:225px;font-family:Georgia,serif;font-size:19px;line-height:1.7}.word-counter{text-align:right;color:var(--muted);margin-top:10px;font-size:13px}.check-row{cursor:pointer;align-items:center;gap:12px;display:flex}.check-row input{accent-color:var(--orange);flex:none;width:19px;height:19px}.check-row small{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.5;display:block}.nickname-field{margin-top:20px}.showcase-author{align-items:center;gap:12px;display:flex}.showcase-author small{color:var(--muted);letter-spacing:.14em;margin-left:auto}.avatar{background:var(--yellow);border-radius:12px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:24px;display:grid}.showcase-body{margin:23px 0}.showcase-actions{border-top:1px solid var(--line);justify-content:space-between;padding-top:14px}.showcase-actions button{color:var(--green);background:#f6f8f4;border:0;border-radius:10px;padding:8px 13px;font-weight:700}.tabs{background:#f0f0eb;border-radius:13px;gap:4px;margin:20px 0 28px;padding:5px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;padding:12px 8px;font-weight:800}.tabs button.active{background:var(--paper);color:var(--green);box-shadow:0 3px 10px #0000000c}.word-entry h2{font-family:Georgia,serif;font-size:28px}.word-entry p{font-size:17px;font-weight:700}.word-entry blockquote,.paper-card blockquote{color:#5d726b;overflow-wrap:anywhere;background:#f6f7f2;border-radius:12px;margin:18px 0;padding:17px;line-height:1.7}.stat-grid{background:var(--paper);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:1fr 1fr;margin-bottom:28px;display:grid}.stat-grid div{text-align:center;padding:25px}.stat-grid strong{font-size:43px;display:block}.stat-grid span{color:var(--muted);font-size:13px}.list-title{margin:30px 0 16px}.list-title small{color:var(--muted);font-size:12px}.history-line,.recording-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-line b{color:var(--orange)}.history-line span{color:var(--muted)}.recording-line div{gap:8px;display:flex}.record-footer{gap:18px;margin:40px 0;display:flex}.empty{background:var(--paper);color:var(--muted);border-radius:17px;padding:35px;line-height:1.7}.admin-tabs{overflow-x:auto}.admin-tabs button{min-width:90px}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-form label{min-width:0;color:var(--muted);font-size:13px;font-weight:800;display:block}.admin-form fieldset,.admin-form .check-row,.admin-form>.primary{grid-column:1/-1}.admin-form label:has(textarea){grid-column:1/-1}.admin-form textarea{resize:vertical;min-height:100px}.admin-form fieldset{border:1px solid var(--line);border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;min-width:0;padding:18px;display:grid}.admin-form legend{color:var(--green);padding:0 8px;font-size:19px;font-weight:900}.admin-form fieldset label:has(textarea){grid-column:1/-1}.list-pick{text-align:left;background:var(--paper);border:1px solid var(--line);width:100%;color:var(--green);border-radius:12px;justify-content:space-between;gap:12px;padding:15px;display:flex}.list-pick span{color:var(--muted)}.admin-review label{width:80px;color:var(--muted);font-size:12px}.modal-backdrop{z-index:50;background:#10231ed1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-card,.word-card{background:var(--paper);border-radius:23px;width:min(100%,440px);padding:30px;position:relative;box-shadow:0 24px 70px #0003}.auth-card h2,.word-card h2{margin:12px 0 22px;font-size:31px}.auth-card label{margin:12px 0;font-size:13px;font-weight:800;display:block}.auth-card .primary,.word-card .primary{width:100%;margin-top:14px}.auth-switch{justify-content:space-between;margin-top:18px;display:flex}.auth-switch button{color:var(--muted);background:0 0;border:0;font-size:12px}.close{color:var(--muted);background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:18px}.recovery-code{background:var(--mint);letter-spacing:.1em;text-align:center;overflow-wrap:anywhere;border-radius:10px;padding:17px;font-weight:900}.word-card p{font-size:19px;font-weight:700}.word-card small{color:var(--muted)}.toast{z-index:100;background:var(--dark);color:#fff;box-shadow:var(--shadow);text-align:center;border-radius:12px;max-width:90vw;padding:14px 22px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@media (max-width:1200px){.shell{grid-template-columns:218px minmax(0,1fr)}.right-rail{display:none}}@media (max-width:850px){.shell{display:block}.sidebar{display:none}.topbar{height:62px;padding:0 22px}.top-logo{color:var(--green);background:0 0;border:0;font-size:17px;font-weight:900;display:block}.topbar>span{font-size:13px}.content{width:min(100%,680px);padding:30px 19px 110px}.mobile-nav{height:70px;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--line);z-index:20;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.mobile-nav button span{font-size:22px}.mobile-nav button.active{color:var(--green);font-weight:900}.toast{bottom:85px}}@media (max-width:500px){.page-head h1,.section-top h1{font-size:35px}.today-panel{border-radius:20px;padding:19px 15px}.tile-grid{gap:9px}.tile{min-height:132px;padding:12px}.tile-name{font-size:22px}.tile-name small{font-size:9px}.tile p{font-size:12px}.progress-ring{width:60px;height:60px}.paper-card,.soft-card,.prompt-card{border-radius:17px;padding:20px}.reading-card{padding:22px}.prose{font-size:18px}.sentence,.showcase-body{font-size:19px}.vocab-grid,.admin-form,.admin-form fieldset{grid-template-columns:1fr}.admin-form fieldset label{grid-column:1/-1}.history-line{flex-wrap:wrap}.recording-line{display:block}.recording-line div{margin-top:12px}.bottom-actions>*{flex:1}.admin-tabs{margin-left:-5px;margin-right:-5px}.auth-card,.word-card{padding:24px}}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:850px){.mobile-nav{height:calc(70px + env(safe-area-inset-bottom))}.content{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}.audio-panel .audio-source{display:none}.audio-player{align-items:center;gap:15px;width:100%;max-width:600px;display:flex}.audio-toggle{background:var(--orange);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;padding:0 0 1px 2px;font-size:21px;display:grid}.audio-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff}.audio-track{flex:1;min-width:0}.audio-panel input.audio-seek{appearance:none;width:100%;height:30px;min-height:30px;box-shadow:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.audio-seek::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--orange) 0 var(--seek-progress),#ffffff52 var(--seek-progress) 100%);border-radius:99px;height:7px}.audio-seek::-moz-range-track{background:#ffffff52;border-radius:99px;height:7px}.audio-seek::-moz-range-progress{background:var(--orange);border-radius:99px;height:7px}.audio-seek::-webkit-slider-thumb{appearance:none;border:4px solid var(--orange);background:#fff;border-radius:50%;width:19px;height:19px;margin-top:-6px}.audio-seek::-moz-range-thumb{border:4px solid var(--orange);background:#fff;border-radius:50%;width:12px;height:12px}.audio-seek:focus-visible{outline-offset:2px;outline:2px solid #fff}.audio-times{color:#c5d8d0;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.audio-error{color:#fff0bd;margin:8px 0 0;font-size:13px}.agent-panel .paper-card>p{color:var(--muted);line-height:1.7}.agent-form{margin-top:20px}.agent-panel label{color:var(--muted);margin:15px 0;font-size:13px;font-weight:800;display:block}.agent-panel textarea{resize:vertical;min-height:95px}.agent-meta{background:var(--mint);border-radius:10px;padding:10px 13px;font-size:13px;color:var(--green)!important}.agent-source{overflow-wrap:anywhere;font-size:12px}.agent-preview{border-top:1px solid var(--line);padding:17px 0 5px}.agent-preview h3{color:var(--green);margin-bottom:8px;font-size:17px}.agent-preview p{white-space:pre-wrap;line-height:1.7}.agent-preview audio{width:100%;margin:5px 0 12px}.agent-actions{flex-wrap:wrap;gap:9px;margin:14px 0;display:flex}.coach-guide{color:var(--muted);margin:8px 0 12px;font-size:12px;line-height:1.6}.coach-hints{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.6}.coach-hints strong{color:var(--green);font-size:11px}.coach-topic-label{color:var(--orange);letter-spacing:.12em;margin:0 0 5px;font-size:11px;font-weight:900}.coach-topic{color:var(--green);overflow-wrap:anywhere;margin:0 0 18px;font-size:clamp(20px,2.3vw,25px);font-weight:750;line-height:1.45}.mobile-nav .nav-icon{flex:none;width:24px;height:24px;display:block}.mobile-nav button{gap:4px}.agent-revision{background:#f6f7f2;border-radius:10px;margin:10px 0;padding:13px}.agent-revision span{color:var(--muted);margin-left:10px;font-size:12px}.agent-revision p{color:var(--muted);margin:8px 0 0;line-height:1.6}.vocab-card h2{margin-bottom:8px}.vocab-grid{gap:0 30px}.vocab-grid>div{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:14px;min-width:0;padding:14px 0;display:grid}.vocab-grid strong{overflow-wrap:anywhere;font-size:15px;line-height:1.45}.vocab-grid span{overflow-wrap:anywhere;font-size:14px;line-height:1.55}.vocab-word{color:var(--orange);font:inherit;text-align:left;background:0 0;border:0;padding:0;font-weight:700}.vocab-word:hover{text-decoration:underline}.vocab-lookup-hint{color:var(--muted);font-size:12px;font-style:normal}.pattern-card{padding:30px 32px}.pattern-card h2{max-width:28ch;margin:9px 0 13px;font-size:clamp(23px,3vw,32px);line-height:1.25}.pattern-title-translation{color:var(--orange);margin:-5px 0 14px;font-size:17px;font-weight:650;line-height:1.5}.pattern-explanation{max-width:66ch;color:var(--ink);margin:0;font-size:16px;line-height:1.65}.pattern-example{color:var(--green);border-left:3px solid var(--orange);overflow-wrap:anywhere;max-width:68ch;margin:20px 0 0;padding:2px 0 2px 15px;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:18px;font-weight:700;line-height:1.65}.pattern-example-translation{color:var(--muted);overflow-wrap:anywhere;max-width:68ch;margin:7px 0 0 18px;font-size:15px;line-height:1.65}@media (max-width:500px){.vocab-grid>div{grid-template-columns:minmax(0,110px) minmax(0,1fr);gap:12px}.pattern-card{padding:22px 20px}.pattern-example{font-size:16px}}