:root{--bg:#f5f5ef;--paper:#fffefa;--ink:#243c36;--muted:#7a8279;--green:#153f39;--accent:#dce7bc;--line:#e3e6dc;--orange:#b36a43;--red:#a33f3c;--shadow:0 8px 32px #223c3505;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:var(--green)}button:focus-visible,a:focus-visible{outline:3px solid #99b564;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #8aa989;outline-offset:1px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;margin-bottom:10px;font-weight:650}h2{font-size:20px;font-weight:650}h3{font-size:16px}p{line-height:1.8}small,.muted{color:var(--muted)}small{line-height:1.7}svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.boot{padding:20vh 10vw;font-size:32px}.boot span{display:block;font-size:14px;margin-top:15px;color:var(--muted)}
.shell{display:grid;grid-template-columns:234px 1fr;min-height:100vh}.sidebar{padding:36px 22px 22px;border-right:1px solid var(--line);background:#eeefe6;position:fixed;width:234px;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;margin:0 9px 42px}.brand img{width:40px;height:40px}.brand strong{display:block;font-size:24px;letter-spacing:3px}.brand span{font-size:10px;letter-spacing:2px;color:var(--muted)}.nav{display:grid;gap:8px}.nav button{border:0;background:none;color:#68746b;border-radius:9px;text-align:left;padding:13px 15px;display:flex;align-items:center;gap:13px;font-size:14px}.nav button.active{background:var(--green);color:#fffefa}.nav button:hover:not(.active){background:#e3e7d9}.side-note{margin:auto 10px 24px;border-top:1px solid #dce0d2;padding-top:22px;font-size:12px;color:#74816e;line-height:1.9}.side-note b{color:var(--green);font-size:14px}.profile-mini{border:1px solid #dce0d2;padding:12px;border-radius:10px;display:flex;align-items:center;gap:10px}.avatar{height:34px;width:34px;background:#dce4cf;display:grid;place-items:center;border-radius:50%;font-weight:600}.profile-mini .name{font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-mini button{background:none;border:0;color:var(--muted);padding:4px;display:flex}.main{grid-column:2;padding:0 46px 46px;max-width:1500px;width:100%;margin:auto}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin-bottom:34px}.topbar .location{display:flex;gap:12px;align-items:center}.topbar .location b{color:var(--ink);font-weight:500}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7c9b64;margin-right:7px}.eyebrow{letter-spacing:2px;font-size:10px;color:#849278;font-weight:650;margin-bottom:12px}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.page-head p{font-size:13px;color:var(--muted);margin:0}.btn{border:1px solid transparent;border-radius:7px;background:var(--green);color:#fffefa;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;line-height:1.5;text-decoration:none;min-height:41px}.btn:hover{filter:brightness(1.12)}.btn.secondary{border-color:#d9dfcf;color:var(--green);background:transparent}.btn.light{background:#edf1e3;color:var(--green)}.btn.danger{background:var(--red)}.btn.small{padding:7px 11px;min-height:34px;font-size:12px}.btn svg{width:17px;height:17px}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero{background:var(--green);color:#fffefa;border-radius:14px;padding:30px 34px;display:grid;grid-template-columns:1fr auto;gap:20px;position:relative;overflow:hidden;margin-bottom:24px}.hero:after{content:"";position:absolute;width:270px;height:270px;border:1px solid #ffffff0b;border-radius:50%;right:100px;top:-160px;box-shadow:0 0 0 50px #ffffff04,0 0 0 100px #ffffff03;pointer-events:none}.hero .eyebrow{color:#c1cfab}.hero h2{font-size:26px;font-weight:500;letter-spacing:.5px;margin-bottom:12px}.hero p{max-width:530px;color:#b9cbc1;font-size:13px;margin-bottom:22px}.hero .btn{background:var(--accent);color:var(--green)}.hero-right{text-align:right;min-width:130px;display:flex;flex-direction:column;justify-content:center;z-index:1}.hero-number{font-size:66px;font-weight:300;line-height:1.1;letter-spacing:-3px;color:#e6edcf}.hero-number span{font-size:13px;letter-spacing:0;margin-left:8px;color:#c0ceba}.hero-right small{color:#afc4b6;font-size:11px;margin-top:9px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.stat{padding:21px 23px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.stat-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.stat-label svg{height:17px;width:17px;color:#8e9b80}.stat-value{font-size:30px;font-weight:550;margin-top:10px;letter-spacing:-1px}.stat-value span{font-size:12px;color:var(--muted);font-weight:400;margin-left:6px;letter-spacing:0}.stat-foot{font-size:10px;color:#8a9384;margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:24px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:25px;margin-bottom:22px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.panel-head h2{margin:0;font-size:17px}.pill{display:inline-flex;background:#edf0e3;color:#72815c;padding:5px 9px;border-radius:5px;font-size:10px;line-height:1.4}.pill.orange{color:#a66b43;background:#f5ece1}.pill.blue{color:#53787d;background:#e9f0ed}.task{display:flex;align-items:flex-start;gap:13px;padding:19px 0;border-top:1px solid #edf0e7}.task:first-of-type{border-top:0}.task-check{appearance:none;width:21px;height:21px;border:1px solid #cdd6c0;border-radius:50%;margin:2px 0 0;flex-shrink:0;cursor:pointer;background:#fff}.task-check:checked{background:var(--green);border:5px solid var(--green);box-shadow:inset 0 0 0 2px #e6edcc}.task-info{flex:1;min-width:0}.task-title{font-size:14px;font-weight:550;margin-bottom:6px}.task.done .task-title{color:#8a9484;text-decoration:line-through}.task-info p{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:0}.task-time{font-size:11px;color:#909985;white-space:nowrap;align-self:center}.text-button{border:0;background:none;color:var(--green);padding:5px 0;font-size:12px;display:inline-flex;gap:6px;align-items:center;text-decoration:none}.text-button svg{width:14px;height:14px}.progress-track{height:5px;background:#edf0e6;border-radius:4px;overflow:hidden;margin-top:20px}.progress-fill{height:100%;background:#8ca66f;border-radius:4px;transition:width .2s}.progress-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:9px}.week-bars{display:grid;grid-template-columns:repeat(7,1fr);height:140px;gap:10px;align-items:end;margin:20px 0 10px}.bar-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px}.bar{width:100%;max-width:26px;background:#e5ebd9;border-radius:4px 4px 2px 2px;min-height:4px}.bar.today{background:#75925c}.bar-col span{font-size:9px;color:#8a9484}.bar-col b{font-size:10px;font-weight:400;color:#748169}.insight{background:#eef1e5;border-radius:7px;padding:12px 14px;font-size:11px;color:#79836c;line-height:1.8}.reflection textarea{min-height:92px;margin-bottom:11px;font-size:12px}.reflection .btn{float:right}.reflection:after{content:"";display:block;clear:both}.footer-note{text-align:center;font-size:10px;color:#9ba28f;letter-spacing:1px;margin-top:34px}.two-col{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.tabs{display:flex;gap:5px;background:#eaeede;border-radius:8px;padding:4px;width:fit-content;margin-bottom:24px}.tabs button{padding:9px 17px;border:0;border-radius:5px;background:transparent;color:#7b866f;font-size:12px}.tabs button.active{background:var(--paper);color:var(--green);box-shadow:0 2px 5px #263f3508}.review-card{min-height:350px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px;position:relative}.word-source{font-size:10px;color:#94a085;margin-bottom:30px}.word-title{font-size:45px;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.5px;overflow-wrap:anywhere;max-width:100%;margin-bottom:12px}.word-meaning{font-size:18px;margin:14px 0}.word-example{font-family:Georgia,serif;font-size:17px;line-height:1.8;max-width:550px;margin-bottom:8px}.word-translation{font-size:12px;color:var(--muted);margin-bottom:24px}.word-hint{font-size:12px;color:#97a08f;margin:15px 0 30px}.rating-row{display:flex;gap:12px;justify-content:center}.rating-row .btn{min-width:115px}.queue-caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-bottom:15px}.empty{padding:44px 24px;text-align:center;color:var(--muted);font-size:13px;line-height:1.9}.empty svg{height:38px;width:38px;color:#97aa7a;margin-bottom:15px}.empty h3{font-size:18px;color:var(--green);font-weight:500}.empty p{margin-bottom:18px}.guide-list{padding-left:20px;margin:0;color:#7d8773;font-size:12px;line-height:2.2}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#65735f;margin-bottom:15px}.form-grid .field{margin-bottom:0}.field.full{grid-column:1/-1}input,select,textarea{width:100%;background:#fbfcf6;border:1px solid #dfe5d5;border-radius:6px;padding:11px 12px;color:var(--ink);min-width:0}textarea{resize:vertical;min-height:85px;line-height:1.8}input::placeholder,textarea::placeholder{color:#a2aa98}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}input[type=file]{font-size:12px;padding:10px}input[type=file]::file-selector-button{border:0;background:#e6edd7;color:var(--green);border-radius:4px;padding:7px 10px;margin-right:10px;cursor:pointer}.check-label{display:flex;gap:8px;align-items:center;font-size:12px;color:#76826a;margin:15px 0}.search-row{display:flex;gap:12px;align-items:center;margin-bottom:20px}.search-row input{flex:1}.word-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-height:600px;overflow:auto}.word-item{border:1px solid var(--line);padding:16px;border-radius:7px;overflow-wrap:anywhere}.word-item strong{font-family:Georgia,serif;font-size:21px;font-weight:500}.word-item p{font-size:12px;color:#7c8674;margin:7px 0}.word-item small{font-size:10px}.word-item .pill{float:right}.hint{font-size:11px;line-height:1.9;color:#8a947d;margin:12px 0}.hint.warning{color:var(--orange)}.notice{border-left:3px solid #a4b879;background:#eef2e5;padding:14px 18px;border-radius:0 7px 7px 0;font-size:12px;color:#768567;line-height:1.9;margin-bottom:22px}.audio-item{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.audio-item.active{color:var(--green)}.audio-select{flex:1;border:0;background:none;text-align:left;padding:5px 0;color:inherit;overflow:hidden}.audio-select strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.audio-select small{font-size:10px}.icon-button{border:0;background:none;padding:8px;display:flex;color:#8a937e}.icon-button:hover{color:var(--orange)}audio{width:100%;margin:14px 0 20px}.loop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.loop-grid .field{margin:0}.player-title{font-size:20px;overflow-wrap:anywhere}.entries{display:grid;gap:14px}.entry{border:1px solid var(--line);padding:19px;border-radius:8px}.entry-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.entry h3{font-size:14px;font-weight:550;margin:8px 0;overflow-wrap:anywhere}.entry-meta{font-size:10px;color:#929b86}.entry p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#75816a;margin:12px 0 0}.entry-actions{display:flex;justify-content:space-between;margin-top:14px;align-items:center}.score{font-size:22px;font-weight:500;white-space:nowrap}.score small{font-size:11px}.stat-chart-row{display:grid;grid-template-columns:76px 1fr 90px;gap:14px;align-items:center;margin:22px 0;font-size:12px}.stat-chart-row .progress-track{margin:0;height:8px}.stat-chart-row>span:last-child{text-align:right;color:#869279;font-size:11px}.phase-list{display:grid;gap:0;margin-bottom:20px}.phase-item{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:15px}.phase-number{color:#9aaa85;font-size:20px;font-family:Georgia,serif}.phase-item h3{font-size:14px;margin:0 0 6px;font-weight:550}.phase-item p{font-size:12px;color:var(--muted);margin:0}.phase-item small{font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-weight:500;color:#8a957e;font-size:11px}.code-result{word-break:break-all;font-family:Consolas,monospace;background:#edf2df;padding:15px;border-radius:6px;font-size:14px;margin:16px 0}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--green);padding:60px 12%;color:#f4f5e6;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story .brand{margin:0}.auth-story .brand strong{color:#f5f4e4}.auth-story .brand span{color:#a6bca5}.auth-story h1{font-size:46px;line-height:1.5;letter-spacing:1px;font-weight:400}.auth-story p{color:#b5c5ae;font-size:14px;max-width:360px}.story-lines{border-top:1px solid #ffffff1c;padding-top:24px;font-size:11px;line-height:2;letter-spacing:1px;color:#9fb799}.auth-main{padding:60px 12%;display:flex;align-items:center;justify-content:center}.auth-form{width:100%;max-width:370px}.auth-form h2{font-size:26px;margin-bottom:10px;font-weight:550}.auth-form>p{font-size:12px;color:#8a947e;margin-bottom:30px}.auth-form .btn.primary{width:100%;margin-top:10px}.auth-links{display:flex;justify-content:space-between;margin-top:20px}.form-error{color:var(--red);background:#f7eeea;padding:10px 12px;font-size:12px;border-radius:5px;margin-bottom:15px}.loading{padding:80px 20px;text-align:center;color:var(--muted);font-size:13px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(120px);background:var(--green);color:#fffef7;padding:13px 22px;border-radius:8px;font-size:13px;box-shadow:0 8px 35px #0002;z-index:100;opacity:0;transition:.2s;max-width:90vw;text-align:center}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}#toast.error{background:#854f42}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;max-width:430px;width:90%;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#153f3955}dialog p{font-size:14px;white-space:pre-wrap}.mobile-brand{display:none}.auth-form small a{color:var(--muted)}.row-spread{display:flex;justify-content:space-between;align-items:center;gap:15px}.upload-status{font-size:12px;color:var(--muted);margin:12px 0}.full-width{width:100%}
.brand span{white-space:nowrap;font-size:9px;letter-spacing:1.5px}
.rating-row .btn{flex-direction:column;gap:2px;min-width:105px}
.rating-row .btn small{color:inherit;opacity:.65;font-size:10px}
@media(min-width:1500px){.main{padding-left:60px;padding-right:60px}}
@media(max-width:1150px){.shell{grid-template-columns:200px 1fr}.sidebar{width:200px;padding-left:15px;padding-right:15px}.main{padding-left:28px;padding-right:28px}.dashboard-grid{grid-template-columns:1.3fr 1fr;gap:18px}.panel{padding:20px}.stat{padding:17px}.two-col{gap:18px}.hero{padding:27px}.auth-story{padding:50px 10%}.auth-main{padding:50px 10%}}
@media(max-width:900px){.dashboard-grid,.two-col{grid-template-columns:1fr}.stats-grid{gap:10px}.stat{padding:14px}.stat-value{font-size:27px}.side-note{font-size:11px}.hero h2{font-size:22px}.hero-number{font-size:58px}.auth-story h1{font-size:37px}}
@media(max-width:650px){h1{font-size:26px}.shell{display:block}.sidebar{position:sticky;top:0;width:100%;padding:10px 15px 0;border-right:0;border-bottom:1px solid var(--line);background:#f0f1e9;display:block}.sidebar .brand,.side-note,.profile-mini{display:none}.mobile-brand{display:flex;align-items:center;justify-content:space-between;font-size:16px;letter-spacing:2px;margin-bottom:10px}.mobile-brand img{height:25px;width:25px;vertical-align:middle;margin-right:8px}.mobile-brand small{font-size:10px;letter-spacing:0}.nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.nav button{flex-shrink:0;padding:10px 12px;font-size:11px;gap:6px;border-radius:6px 6px 0 0}.nav button svg{height:15px;width:15px}.main{padding:0 18px 30px}.topbar{height:51px;margin-bottom:24px;font-size:10px}.topbar .location{gap:6px}.topbar .location svg{height:15px;width:15px}.topbar>span:last-child{font-size:9px}.page-head{gap:10px;align-items:flex-start;margin-bottom:22px}.page-head p{font-size:11px}.page-head .btn{padding:8px 10px;font-size:11px;min-height:34px}.eyebrow{font-size:9px;margin-bottom:8px}.hero{padding:23px;gap:12px;margin-bottom:16px}.hero h2{font-size:21px}.hero p{font-size:11px;margin-bottom:18px}.hero-number{font-size:50px}.hero-right{min-width:70px}.hero-right small{font-size:9px}.hero .btn{font-size:11px;padding:9px 12px}.stats-grid{grid-template-columns:1fr 1fr;margin-bottom:18px}.stat{padding:16px}.stat-value{font-size:28px}.stat-foot{font-size:9px}.panel{padding:20px;margin-bottom:17px}.panel-head h2{font-size:16px}.dashboard-grid{gap:0}.task-time{font-size:10px}.task{padding:17px 0;gap:10px}.task-title{font-size:13px}.task-info p{font-size:10px}.two-col{gap:0}.review-card{padding:25px 15px;min-height:330px}.word-title{font-size:37px}.rating-row{gap:7px}.rating-row .btn{min-width:0;font-size:12px;padding:10px 13px}.word-list{grid-template-columns:1fr}.form-grid{gap:12px}.form-grid .full-mobile{grid-column:1/-1}.form-grid input,.form-grid select{padding:10px;font-size:13px}.auth-page{display:block}.auth-story{padding:30px 26px 25px;min-height:0}.auth-story .brand{margin-bottom:22px}.auth-story .brand img{width:33px;height:33px}.auth-story .brand strong{font-size:22px}.auth-story h1{font-size:27px;line-height:1.5;margin:0 0 10px}.auth-story p{font-size:12px;margin:0}.story-lines{display:none}.auth-main{padding:30px 26px 40px}.auth-form h2{font-size:23px}.auth-form>p{margin-bottom:22px}.footer-note{font-size:9px}.search-row{gap:8px}.search-row .btn{padding:10px;font-size:11px}.queue-caption{font-size:10px}.tabs button{padding:9px 13px}.stat-chart-row{grid-template-columns:65px 1fr 80px;gap:8px}.entry{padding:15px}.hero:after{right:0}.row-spread{align-items:flex-start;flex-wrap:wrap}input,select,textarea{font-size:16px}.reflection textarea{font-size:16px}}
@media(max-width:650px){.hero{grid-template-columns:minmax(0,1fr) 80px;gap:12px}.hero-right{min-width:0}.hero-right small{overflow-wrap:anywhere;line-height:1.8}.hero h2{font-size:20px}.rating-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.rating-row .btn{min-width:0;padding:11px 7px;white-space:nowrap}.word-source{line-height:1.9}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}