@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{color:#183234;font-synthesis:none;background:#f4f6f2;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.brand{color:#087f7a;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.primary,.secondary{border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-weight:700;display:inline-flex}.primary{color:#fff;background:#087f7a}.primary:hover{background:#066c68}.primary:disabled{opacity:.55}.secondary{color:#165d5b;background:#edf3f1}.wide{width:100%;padding:14px}.icon{color:#617273;background:0 0;border-radius:8px;padding:7px}.icon:hover{background:#edf1ef}.login-shell{background:radial-gradient(circle at 12% 12%,#dcf0e9 0,#0000 35%),#f6f7f3;grid-template-columns:1.2fr .8fr;align-items:center;gap:9vw;min-height:100vh;padding:7vw;display:grid}.login-copy h1{letter-spacing:-2px;margin:60px 0 24px;font-size:clamp(42px,5vw,72px);line-height:1.2}.login-copy h1 em{color:#087f7a;font-style:normal}.login-copy>p{color:#5f7474;max-width:550px;font-size:19px;line-height:1.8}.privacy-note{color:#42706d;align-items:center;gap:10px;margin-top:45px;display:flex}.login-card{background:#fff;border-radius:24px;padding:38px;box-shadow:0 24px 70px #46655d1c}.login-card h2{margin:0 0 7px;font-size:27px}.login-card>p{color:#758586;margin:0 0 28px}.login-card label,.modal label{margin:18px 0 8px;font-size:14px;font-weight:700;display:block}.field,.plain-input{background:#fbfcfb;border:1px solid #d7dfdc;border-radius:11px}.field{align-items:center;gap:10px;padding:0 13px;display:flex}.field input,.plain-input{background:0 0;border:0;outline:0;width:100%;padding:13px}.plain-input{background:#fff;border:1px solid #d7dfdc}.code-row{gap:8px;display:flex}.error{color:#b42318;background:#fff1f0;border-radius:8px;margin:12px 0;padding:10px}.demo-tip,.notice{color:#39706b;background:#eff7f4;border-radius:9px;margin-top:15px;padding:12px;font-size:13px}.topbar{background:#fff;border-bottom:1px solid #e3e8e5;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(22px,5vw,72px);display:flex}.user-menu{align-items:center;gap:9px;display:flex}.dashboard{min-height:100vh}.hero{background:#dceee8;border-radius:25px;justify-content:space-between;align-items:end;margin:40px clamp(22px,5vw,72px) 20px;padding:34px 40px;display:flex}.hero h1{margin:8px 0;font-size:34px}.hero p{color:#56706f}.eyebrow{color:#087f7a;letter-spacing:1.5px;font-size:12px;font-weight:800}.large{padding:14px 22px}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin:0 clamp(22px,5vw,72px);display:grid}.stats>div{color:#4c6665;background:#fff;border:1px solid #e2e8e5;border-radius:15px;align-items:center;gap:14px;padding:18px;display:flex}.stats svg{color:#087f7a}.stats b{color:#183234;font-size:22px}.section-title{margin:35px clamp(22px,5vw,72px) 16px}.section-title h2{margin:0}.section-title p{color:#7a8b8a;margin:5px 0}.empty{background:#fff;border:1px dashed #bdd0ca;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:320px;margin:0 clamp(22px,5vw,72px);display:flex}.empty>svg{color:#66a7a0;width:55px;height:55px}.empty h2{margin:18px 0 4px}.empty p{color:#718381}.list-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin:0 clamp(22px,5vw,72px) 50px;display:grid}.list-card{background:#fff;border:1px solid #e0e7e4;border-radius:18px;padding:22px}.list-icon{color:#087f7a;background:#e3f2ed;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.list-card h3{margin:18px 0 5px}.list-card>p{color:#738482;margin:0}.card-actions{align-items:center;gap:10px;margin-top:23px;display:flex}.card-actions .primary{flex:1}.retry{color:#b75b34;background:#fff1ea;border-radius:9px;padding:10px}.modal-backdrop{z-index:20;background:#16302f99;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal{background:#f8faf8;border-radius:22px;flex-direction:column;width:min(1000px,100%);height:min(90vh,850px);display:flex;overflow:hidden}.modal header,.modal footer{background:#fff;border-bottom:1px solid #e5e9e7;justify-content:space-between;align-items:center;padding:20px 26px;display:flex}.modal header h2,.modal header p{margin:0}.modal header p{color:#7b8988;margin-top:5px}.modal footer{border:0;border-top:1px solid #e5e9e7;justify-content:flex-end;gap:10px}.modal-body{padding:6px 26px 26px;overflow:auto}.upload{color:#087f7a;background:#edf7f3;border:1px dashed #70aaa5;border-radius:14px;justify-content:center;align-items:center;gap:13px;width:100%;margin-top:18px;padding:22px;display:flex}.upload span{flex-direction:column;font-weight:700;display:flex}.upload small{color:#66807d;font-weight:400}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.editor-head{justify-content:space-between;align-items:center;margin:25px 0 10px;display:flex}.text-button{color:#087f7a;background:0 0;align-items:center;gap:4px;display:flex}.word-editors{flex-direction:column;gap:8px;display:flex}.word-editor{background:#fff;border-radius:10px;grid-template-columns:35px 1.2fr .5fr 2fr 35px;align-items:center;gap:8px;padding:9px;display:grid}.word-editor>span{text-align:center;color:#7b8c8a}.word-editor input{border:1px solid #dce3e0;border-radius:7px;min-width:0;padding:9px}.practice-page{min-height:100vh}.practice-header{z-index:5;background:#fff;border-bottom:1px solid #dfe6e3;align-items:center;gap:20px;padding:13px 22px;display:flex;position:sticky;top:0}.practice-header h2,.practice-header p{margin:0}.practice-header p{color:#778785;font-size:13px}.back{background:0 0;align-items:center;display:flex}.practice-actions{gap:9px;margin-left:auto;display:flex}.paper-grid{grid-template-columns:1fr;gap:11px;padding:16px;display:grid}.practice-row{background:#fff;border:1px solid #dfe7e3;border-radius:14px;grid-template-columns:44px minmax(180px,35%) 1fr;height:190px;display:grid;overflow:hidden}.number{color:#087f7a;background:#dcefeb;place-items:center;font-weight:800;display:grid}.meaning{border-right:1px solid #e3e8e6;flex-direction:column;padding:14px;display:flex}.meaning>b{color:#087f7a;font-size:13px}.meaning p{margin:7px 0;line-height:1.5}.meaning strong{color:#087f7a;margin-top:auto;font-size:20px}.reveal{color:#087f7a;background:0 0;align-items:center;gap:5px;margin-top:auto;padding:0;display:flex}.writing{padding:10px;position:relative}.ink-wrap{background:#fcfdfc;border-radius:10px;height:100%;position:relative;overflow:hidden}.ink-wrap canvas{touch-action:none;width:100%;height:100%}.ink-tools{background:#f0f4f2;border-radius:8px;padding:2px;display:flex;position:absolute;top:6px;right:6px}.ink-tools button{color:#5d7371;background:0 0;padding:6px}.ink-tools button.active{color:#087f7a;background:#cde5df}.grade{gap:6px;display:flex;position:absolute;bottom:14px;right:14px}.grade button{border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.wrong{color:#c94b42;background:#fff0ee}.right{color:#238354;background:#ebf7ef}.grade .selected{outline:3px solid}.floating-notice{z-index:10;color:#fff;background:#172f2e;border-radius:9px;padding:10px 18px;position:fixed;top:85px;left:50%;transform:translate(-50%)}@media (width>=900px){.paper-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.login-shell{grid-template-columns:1fr;padding:25px}.login-copy{display:none}.list-grid,.stats{grid-template-columns:1fr}.hero{flex-direction:column;align-items:start;gap:20px}.practice-header{flex-wrap:wrap}.practice-actions{width:100%}.practice-row{grid-template-columns:38px 42% 1fr;height:220px}.word-editor{grid-template-columns:28px 1fr 70px 30px}.word-editor input:nth-of-type(3){grid-column:2/4}}