@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}}.notice-error{color:#9a431e;background:#fff4ed}.ocr-details{background:#fff;border:1px solid #dce5e1;border-radius:11px;margin-top:13px;padding:12px}.ocr-details summary{cursor:pointer;color:#315f5c;font-weight:700}.ocr-details p{color:#687c7a;font-size:13px}.ocr-details textarea{resize:vertical;width:100%;line-height:1.6;font:inherit;border:1px solid #d5dfdb;border-radius:8px;margin-bottom:9px;padding:10px}.focus-page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.focus-header{flex:none;gap:14px}.practice-title{min-width:150px}.mode-switch{background:#edf3f1;border-radius:11px;margin-left:auto;padding:3px;display:flex}.mode-switch button{color:#55706e;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:9px 13px;font-weight:700;display:flex}.mode-switch button.selected{color:#fff;background:#087f7a;box-shadow:0 2px 8px #087f7a33}.mode-switch svg,.zoom-controls svg{width:19px;height:19px}.zoom-controls{background:#f2f5f3;border-radius:10px;align-items:center;gap:5px;padding:3px;display:flex}.zoom-controls button{color:#426562;background:0 0;border-radius:7px;place-items:center;padding:7px;display:grid}.zoom-controls button:disabled{opacity:.35}.zoom-controls span{text-align:center;min-width:42px;font-size:13px;font-weight:700}.focus-stage{overscroll-behavior:contain;background:#eef2ed;flex:1;grid-template-columns:minmax(290px,34%) 1fr;gap:16px;min-height:0;padding:16px;display:grid}.focus-prompt{background:#fff;border:1px solid #dce6e2;border-radius:19px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 8px 30px #294e4510}.focus-count{color:#b8d9d3;padding:24px 28px 8px;font-size:46px;font-weight:800}.focus-meaning{padding:8px 28px;overflow:auto}.focus-meaning b{color:#087f7a;font-size:18px}.focus-meaning p{overflow-wrap:anywhere;margin:14px 0;font-size:clamp(18px,2vw,27px);line-height:1.7}.answer-zone{background:#fbfdfc;border-top:1px solid #e1e8e5;justify-content:space-between;align-items:center;gap:15px;min-height:122px;margin-top:auto;padding:18px 28px;display:flex}.answer-zone>strong{color:#087f7a;overflow-wrap:anywhere;font-size:clamp(25px,3vw,42px)}.focus-reveal{padding:12px 0;font-size:18px;font-weight:700}.focus-grade{gap:9px;display:flex}.focus-grade button{border-radius:10px;align-items:center;gap:5px;padding:10px 14px;font-weight:700;display:flex}.focus-writing-viewport{overscroll-behavior:contain;background:#dfe7e2;border-radius:19px;min-width:0;min-height:0;overflow:auto}.focus-writing-surface{min-width:100%;min-height:100%;padding:12px;transition:width .2s,height .2s}.focus-writing-surface .ink-wrap{background:#fff;border:1px solid #dce6e2;border-radius:14px;box-shadow:0 8px 30px #294e4510}.ink-write canvas{touch-action:none}.ink-browse canvas{touch-action:pan-x pan-y pinch-zoom}.browse-overlay{z-index:2;color:#fff;pointer-events:none;white-space:nowrap;background:#183b39d9;border-radius:20px;padding:7px 12px;font-size:13px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.word-navigation{background:#fff;border-top:1px solid #dce5e1;flex:none;justify-content:space-between;align-items:center;gap:14px;min-height:70px;padding:10px 22px;display:flex}.word-navigation>button{min-width:140px}.word-navigation button:disabled{opacity:.35;cursor:not-allowed}.word-dots{flex-wrap:wrap;justify-content:center;gap:8px;max-width:50%;display:flex}.word-dots button{background:#ccd8d4;border-radius:50%;width:10px;height:10px;padding:0}.word-dots button.current{background:#087f7a;transform:scale(1.45)}.word-dots button.graded{box-shadow:0 0 0 2px #73b79e}.mode-browse{touch-action:pan-y pinch-zoom}@media (width<=820px),(orientation:portrait){.focus-header{flex-wrap:wrap}.practice-title{flex:1}.mode-switch{order:3;margin-left:0}.zoom-controls{order:3}.finish-button{margin-left:auto}.focus-stage{grid-template-rows:minmax(210px,38%) 1fr;grid-template-columns:1fr;gap:10px;padding:10px}.focus-count{padding:16px;font-size:26px;position:absolute}.focus-meaning{padding:20px 22px 8px 64px}.focus-meaning p{margin:6px 0;font-size:18px}.answer-zone{min-height:78px;padding:10px 22px}.word-navigation{min-height:62px;padding:8px 12px}.word-navigation>button{min-width:0}.word-dots{gap:6px;max-width:38%}.word-dots button{width:8px;height:8px}}.import-destination{grid-template-columns:1fr 1.4fr 1fr;gap:12px;display:grid}.import-destination select{height:46px}.progress-board{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.progress-summary{color:#667976;gap:16px;font-size:13px;display:flex}.progress-summary b{color:#405b58;font-size:15px}.correct-text{color:#198754!important}.wrong-text{color:#cc4338!important}.progress-board .word-dots{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;display:flex}.progress-board .word-dots button{background:#fff;border:2px solid #aebfba;border-radius:50%;width:12px;height:12px;padding:0}.progress-board .word-dots button.current{outline-offset:2px;outline:3px solid #5e817b;transform:scale(1.15)}.progress-board .word-dots button.correct{background:#2eaf6d;border-color:#2eaf6d}.progress-board .word-dots button.incorrect{background:#e15149;border-color:#e15149}.focus-grade button.selected{color:#fff;transform:scale(1.05);box-shadow:0 0 0 3px #fff,0 0 0 6px}.focus-grade button.wrong.selected{background:#d9463e}.focus-grade button.right.selected{background:#208b55}.list-detail-page{min-height:100vh}.list-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin:34px clamp(22px,5vw,72px) 16px;display:grid}.list-summary>div{background:#fff;border:1px solid #dfe7e3;border-radius:15px;justify-content:space-between;align-items:center;padding:20px;display:flex}.list-summary span{color:#6f8280}.list-summary b{color:#087f7a;font-size:28px}.mistake-banner{background:#fff4ed;border:1px solid #f2d3c2;border-radius:15px;justify-content:space-between;align-items:center;margin:16px clamp(22px,5vw,72px);padding:18px 22px;display:flex}.mistake-banner>div{color:#a84c25;align-items:center;gap:12px;display:flex}.mistake-banner span{flex-direction:column;display:flex}.mistake-banner small{color:#8a7268;margin-top:3px}.batch-list{flex-direction:column;gap:11px;margin:0 clamp(22px,5vw,72px) 50px;display:flex}.batch-card{background:#fff;border:1px solid #dfe7e3;border-radius:15px;grid-template-columns:minmax(180px,1.2fr) 1fr auto;align-items:center;gap:20px;padding:16px 20px;display:grid}.batch-date{grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.batch-date svg{color:#087f7a;grid-row:1/3}.batch-date b{font-size:22px}.batch-date span{color:#7c8c8a;font-size:12px}.batch-stat{color:#637572;gap:24px;display:flex}.batch-stat .danger{color:#d1493f}.list-card{cursor:pointer;transition:transform .15s,box-shadow .15s}.list-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #294e4514}@media (width<=760px){.import-destination,.list-summary{grid-template-columns:1fr}.mistake-banner{flex-direction:column;align-items:flex-start;gap:15px}.batch-card{grid-template-columns:1fr}.progress-summary{gap:8px}.word-navigation{align-items:flex-end}.word-navigation>button{padding:9px;font-size:12px}.progress-board .word-dots{max-height:34px;overflow:auto}}.auth-tabs{background:#edf3f1;border-radius:11px;grid-template-columns:1fr 1fr;margin-bottom:26px;padding:4px;display:grid}.auth-tabs button{color:#607573;background:0 0;border-radius:8px;padding:10px;font-weight:700}.auth-tabs button.selected{color:#087f7a;background:#fff;box-shadow:0 2px 9px #294e4518}.password-toggle{color:#607573;background:0 0;place-items:center;padding:5px;display:grid}.password-toggle svg{width:19px}.no-recovery-warning{color:#8b4f12;background:#fff4e6;border:1px solid #f2d2a7;border-radius:10px;align-items:flex-start;gap:10px;margin:16px 0;padding:12px;display:flex}.no-recovery-warning svg{flex:none;width:20px}.no-recovery-warning span{flex-direction:column;display:flex}.no-recovery-warning small{margin-top:3px;line-height:1.5}.auth-submit{margin-top:20px}.session-loading{text-align:center;background:#f4f6f2;place-content:center;gap:8px;min-height:100vh;display:grid}.session-loading p{color:#6b7d7b}.spin-mark{font-size:28px;animation:1s linear infinite spin;display:inline-block}