:root{color:#25352e;font-synthesis:none;--green:#2d5845;--ink:#25352e;--paper:#fffdf7;--gold:#c99c4f;background:#f5f2e9;font-family:Noto Serif SC,Songti SC,serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.shell{max-width:760px;min-height:100vh;margin:auto;padding-bottom:86px}.shell>header{justify-content:space-between;align-items:center;height:68px;padding:12px 22px;display:flex}.mini-brand{align-items:center;gap:9px;font-weight:700;display:flex}.mini-brand b,.brand>span{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.avatar{width:40px;height:40px;color:var(--green);background:#e4dfd0;border:0;border-radius:50%}.page{padding:24px 22px}.eyebrow{color:#738078;letter-spacing:.1em;font-family:system-ui;font-size:13px}.page h1{margin:8px 0 24px;font-size:35px;line-height:1.35}.page h1 em{color:var(--green);border-bottom:4px solid #d4b26d;font-style:normal}.muted{color:#7b827d;font-family:system-ui;font-size:14px}.hero-card{background:var(--green);color:#fff;border-radius:24px;justify-content:space-between;align-items:end;padding:25px;display:flex;box-shadow:0 15px 35px #2d584533}.hero-card span{opacity:.75;font-family:system-ui;display:block}.hero-card strong{margin-right:5px;font-size:54px}.hero-card small{opacity:.75}.round-btn{color:#294638;background:#f1dcae;border-radius:25px;padding:13px 18px;font-family:system-ui;font-weight:700;text-decoration:none}.stat-row{border-bottom:1px solid #dedacd;grid-template-columns:repeat(3,1fr);padding:24px 0;display:grid}.stat-row div{text-align:center;border-right:1px solid #ddd8c9}.stat-row div:last-child{border:0}.stat-row b{font:700 25px system-ui;display:block}.stat-row span{color:#7d827e;font:12px system-ui}.section-title{margin:28px 0 14px;font-size:20px}.action-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.action-grid a{background:var(--paper);color:var(--ink);border:1px solid #e2ddd0;border-radius:18px;min-height:140px;padding:18px;text-decoration:none;box-shadow:0 5px 15px #3b4d4210}.action-grid i{color:var(--gold);font-size:24px;font-style:normal}.action-grid b,.action-grid span{display:block}.action-grid b{margin:15px 0 5px}.action-grid span{color:#81847f;font:12px system-ui}.tip{border-left:4px solid var(--gold);background:#eee6d2;border-radius:16px;margin-top:24px;padding:17px}.tip b{font-size:14px}.tip p{color:#69716c;margin:7px 0 0;font:13px/1.6 system-ui}.tabs{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf5ee;border-top:1px solid #e3ddcf;grid-template-columns:repeat(4,1fr);width:100%;max-width:760px;height:72px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabs a{color:#89918c;flex-direction:column;justify-content:center;align-items:center;font:20px system-ui;text-decoration:none;display:flex}.tabs span{margin-top:4px;font-size:11px}.tabs a.active{color:var(--green);font-weight:700}.auth{flex-direction:column;max-width:440px;min-height:100vh;margin:auto;padding:64px 24px 30px;display:flex}.brand{align-items:center;gap:15px;margin-bottom:38px;display:flex}.brand>span{width:58px;height:58px;font-size:28px}.brand h1{margin:0;font-size:28px}.brand p{color:#7b817c;margin:4px 0 0;font:13px system-ui}.panel{background:var(--paper);border:1px solid #e1dbcd;border-radius:24px;padding:28px 24px;box-shadow:0 20px 40px #3c4c4117}.panel h2{margin:0;font-size:25px}.panel label{color:#59635d;margin-top:20px;font:13px system-ui;display:block}.panel input{background:#faf8f1;border:1px solid #d7d2c6;border-radius:12px;outline:none;width:100%;height:50px;margin-top:8px;padding:0 15px;font-size:16px}.panel input:focus{border-color:var(--green)}.primary,.secondary{border:0;border-radius:13px;width:100%;min-height:50px;font-family:system-ui;font-weight:700}.primary{background:var(--green);color:#fff;margin-top:24px}.secondary{color:var(--green);background:0 0;border:1px solid #b9c1bc;margin-top:10px}.text-btn{width:100%;color:var(--green);background:0 0;border:0;margin-top:17px}.privacy{text-align:center;color:#8b918d;margin-top:auto;font:11px system-ui}.error{color:#a13a32;background:#f9e7e2;border-radius:8px;padding:10px;font:13px system-ui}.unit-list{flex-direction:column;gap:13px;display:flex}.unit-list a{background:var(--paper);color:var(--ink);border:1px solid #dfdacd;border-radius:19px;align-items:center;gap:16px;padding:17px;text-decoration:none;display:flex}.unit-no{width:55px;height:55px;color:var(--green);background:#dce8df;border-radius:16px;place-items:center;font:700 20px system-ui;display:grid}.u2{color:#88672d;background:#eee3cf}.u3{color:#525c7c;background:#e1e3ec}.all{color:#685675;background:#dfd8e6}.unit-list div{flex:1;min-width:0}.unit-list b,.unit-list small,.unit-list em{display:block}.unit-list small{white-space:nowrap;text-overflow:ellipsis;color:#858984;margin:4px 0;font:11px system-ui;overflow:hidden}.unit-list em{color:#3f6956;font:11px system-ui}.unit-list i{color:#a1a6a2;font-size:28px}.study{flex-direction:column;max-width:700px;min-height:100vh;margin:auto;padding:18px 20px 30px;display:flex}.study-top{text-align:center;grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.study-top button{color:#526159;background:0 0;border:0;min-height:44px;font-size:28px}.study-top span{color:#7d847f;font:12px system-ui}.study-top div div{background:#ddd9ce;border-radius:5px;height:4px;margin-top:8px}.study-top i{background:var(--green);border-radius:5px;height:100%;display:block}.method-tag{color:#9a7538;letter-spacing:.08em;background:#eee3cb;border-radius:20px;align-self:center;margin:28px 0 14px;padding:7px 13px;font:11px system-ui}.card{background:var(--paper);border:1px solid #ded8ca;border-radius:24px;flex-direction:column;min-height:390px;padding:28px 24px;display:flex;box-shadow:0 12px 30px #42504712}.card>small{color:#89908b;font:11px system-ui}.card h1{margin:25px 0;font-size:27px;line-height:1.6}.feynman{border-top:1px dashed #d9d2c3;margin-top:auto;padding-top:18px}.feynman b{color:#8e6d35;font-size:13px}.feynman p{color:#7a817d;font:13px/1.6 system-ui}.answer{border-top:1px solid #e1dccf;margin-top:auto;padding-top:20px}.answer small{color:#8d754c;font:11px system-ui}.answer p{white-space:pre-line;font-size:20px;line-height:1.75}.answer aside{color:#8a6332;background:#f4ead5;border-radius:10px;padding:12px;font:12px/1.6 system-ui}.reveal{margin-top:18px}.ratings>p{text-align:center;color:#7b827e;font:12px system-ui}.ratings>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ratings button{background:var(--paper);border:1px solid #d8d4c9;border-radius:13px;min-height:68px}.ratings b,.ratings span{display:block}.ratings span{color:#8b908d;margin-top:5px;font:10px system-ui}.link{place-items:center;text-decoration:none;display:grid}.review-orbit{border:1px solid #c7d5cc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;margin:40px auto;display:flex;box-shadow:0 0 0 20px #e6ece7,0 0 0 40px #edf0e9}.review-orbit b{color:var(--green);font:700 50px system-ui}.review-orbit span{color:#7c847f;font:12px system-ui}.center{text-align:center}.big-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.big-stats div{background:var(--green);color:#fff;border-radius:18px;padding:22px}.big-stats b,.big-stats span{display:block}.big-stats b{font:700 34px system-ui}.big-stats span{opacity:.7;font:12px system-ui}.progress{background:var(--paper);border-radius:14px;margin-bottom:10px;padding:16px}.progress>div{justify-content:space-between;display:flex}.progress span{color:#7d837f;font:11px system-ui}.progress>i{background:#e5e1d7;border-radius:5px;height:7px;margin-top:12px;display:block}.progress em{background:var(--green);border-radius:5px;height:100%;display:block}.legend{background:var(--paper);border-radius:14px;justify-content:space-between;padding:17px;font:12px system-ui;display:flex}.legend i{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.again{background:#b85a50}.hard{background:#d5a54e}.good{background:#4f846a}.result{text-align:center;max-width:440px;min-height:100vh;margin:auto;padding:80px 24px}.result>div{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:90px;height:90px;margin:auto;font-size:40px;display:grid}.result h1{margin-top:30px;font-size:30px}.result p{color:#7d837f;margin-bottom:40px;font:14px/1.8 system-ui}.state{color:#7d847f;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;font:14px system-ui;display:flex}.state span{background:var(--green);color:#fff;border-radius:15px;place-items:center;width:50px;height:50px;font:22px serif;display:grid}.state button{background:var(--green);color:#fff;border:0;border-radius:10px;padding:10px 18px}@media (width>=700px){.action-grid{grid-template-columns:repeat(4,1fr)}.page{padding:36px 42px}.page h1{font-size:44px}.unit-list{grid-template-columns:1fr 1fr;display:grid}.card{min-height:430px;padding:40px}}