:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101112;--panel:#151719;--text:#cecece;--muted:#727678;--line:#080909;--accent:#31966f;--button:#35383c;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Microsoft YaHei,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f9f8;--panel:#fff;--text:#232a26;--muted:#79817b;--line:#e0e6e1;--button:#e4e9e5}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}svg{flex-shrink:0;width:24px;height:24px}h1,h2,p{margin:0}h1{font-size:1.35em}h2{font-size:1em}.app-shell{max-width:520px;min-height:100dvh;padding:env(safe-area-inset-top) 20px calc(96px + env(safe-area-inset-bottom));margin:auto;position:relative}.page-head{justify-content:space-between;align-items:center;gap:10px;height:76px;display:flex}.page-head h1{text-align:center;font-size:1.1em}.icon-button{place-items:center;width:42px;height:42px;padding:6px;display:grid}.head-spacer{width:42px}.panel{background:var(--panel);border-radius:15px}.active,.text-button{color:var(--accent)}.text-button{font-size:.85em}.section-label,.muted{color:var(--muted);margin:20px 0 12px;font-size:.8em}.login-page{min-height:calc(100dvh - 100px);padding:12px 8px;position:relative}.close{margin-left:-10px}.welcome{margin:24px 0 28px}.welcome h1{color:var(--accent);font-size:1.7em;line-height:1.5}.welcome h2{margin:7px 0;font-size:1.55em}.welcome p{color:var(--muted);margin-top:10px;font-size:.8em}.login-tabs{gap:8px;margin:18px 0 12px;font-size:.85em;display:flex}.login-tabs button{padding:0}.login-tabs span{color:var(--muted)}.input-wrap{border:1px solid var(--line);border-radius:9px;align-items:center;gap:12px;height:60px;margin-bottom:15px;padding:0 16px;display:flex}.input-wrap>span{color:var(--accent)}input:not([type=range]):not([type=checkbox]){color:inherit;outline-offset:0;background:0 0;border:0;min-width:0}.input-wrap input{flex:1;width:100%}.input-wrap input::placeholder,textarea::placeholder{color:var(--muted)}.primary{background:var(--accent);color:#fff;border-radius:8px;width:100%;padding:14px 24px;font-weight:600}.primary:disabled{background:var(--button);color:var(--text);opacity:1}.login-submit{height:56px;margin-top:38px}.forgot{margin:12px 0 0 auto;display:block}.local-entry{margin:36px auto;display:block}.mobile-login{display:none}.notice{color:var(--accent);margin-top:20px;font-size:.85em;line-height:1.6}.bottom-nav{width:min(100%,520px);padding:14px 18px calc(14px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);z-index:2;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:var(--muted);align-items:center;gap:9px;font-size:.85em;display:flex}.bottom-nav .selected{color:var(--text)}.mine-top{justify-content:flex-end;align-items:center;height:68px;display:flex}.profile{text-align:left;align-items:center;gap:16px;width:100%;margin:30px 0 20px;padding:0;display:flex}.profile h1{overflow-wrap:anywhere;font-size:1.1em}.profile p{color:var(--muted);margin-top:8px;font-size:.75em}.profile>span{margin-left:auto}.avatar{color:#ddd;background:#797d7a;border-radius:50%;flex-shrink:0;place-items:center;width:60px;height:60px;font-size:1.5em;display:grid}.calendar{margin:20px 0;padding:14px 8px}.calendar-head{align-items:center;gap:8px;padding:0 4px 14px;display:flex}.calendar-head strong{font-size:.95em}.calendar-head .text-button{margin-left:auto}.calendar-grid{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px 3px;display:grid}.calendar-grid>small{color:var(--muted);padding:5px 0;font-size:.75em}.calendar-grid>button{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:62px;padding:2px;font-size:.85em;display:flex}.calendar-grid button span{place-items:center;width:25px;height:25px;display:grid}.calendar-grid small{color:var(--muted);font-size:.7em}.calendar-grid .today span{background:var(--accent);color:var(--bg);border-radius:50%}.calendar p{text-align:center;margin:12px;font-size:.8em}.menu button{text-align:left;align-items:center;gap:16px;width:100%;padding:22px;display:flex}.menu button span{color:var(--muted);margin-left:auto}.plan-intro{margin:18px 0 28px}.plan-intro p{color:var(--muted);margin-top:10px;font-size:.75em}.plan-settings{text-align:center;padding:20px 28px 28px}.period-tabs{justify-content:flex-end;gap:16px;margin-bottom:30px;font-size:.85em;display:flex}.plan-settings p{margin:34px 0 12px;font-size:.9em}.plan-settings output{margin-bottom:20px;font-size:2.5em;display:block}.plan-settings .daily-output{color:var(--accent)}input[type=range]{accent-color:var(--accent);cursor:pointer;width:100%;height:32px}.scale-labels{color:var(--muted);justify-content:space-between;font-size:.65em;display:flex}.start-plan{background:var(--button);color:var(--text);margin-top:60px}.stats-cards{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stat-card{padding:17px 14px}.stat-card h2{border-left:2px solid var(--accent);padding-left:6px;font-size:.65em}.stat-card output{margin:16px 0 24px;font-size:1.7em;display:block}.stat-card progress{width:100%;height:8px;accent-color:var(--accent);display:block}.stat-card>div{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:.65em;display:flex}.appearance-tabs{align-items:center;gap:16px;height:100%;margin-right:auto;display:flex}.appearance-tabs button{height:100%;font-size:.95em;position:relative}.appearance-tabs .active{color:var(--text)}.appearance-tabs .active:after{content:"";background:var(--accent);border-radius:2px;width:20px;height:3px;position:absolute;bottom:13px;left:calc(50% - 10px)}.theme-options{gap:8px;display:flex}.theme-options button{border:1px solid var(--line);border-radius:8px;flex:1;padding:17px 4px;font-size:.85em}.theme-options .selected{color:var(--accent);border-color:var(--accent)}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:22px 0;font-size:.95em;display:flex}.setting-row input[type=range]{width:50%}.full{text-align:left;width:100%}.switch{appearance:none;background:var(--button);cursor:pointer;border-radius:20px;width:45px;height:25px;position:relative}.switch:after{content:"";background:var(--bg);border-radius:50%;width:19px;height:19px;transition:left .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{left:23px}.font-import{cursor:pointer}.font-import input{display:none}.draft-card{text-align:left;align-items:center;gap:18px;width:100%;margin-top:20px;padding:20px;display:flex}.draft-card>span{margin-left:auto}.draft-card p{color:var(--muted);margin-top:10px;font-size:.85em}.book-cover{color:#8cc4a6;background:#264c3b;border-radius:4px;place-items:center;width:65px;height:85px;display:grid}.material{margin-top:16px;padding:20px}.material p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.material button{color:var(--muted);margin-top:14px;font-size:.8em}textarea{border:1px solid var(--line);background:var(--panel);width:100%;min-height:160px;color:var(--text);resize:vertical;border-radius:8px;margin-bottom:16px;padding:16px}.editor-back{padding:20px 0}.app-shell main header{justify-content:space-between;align-items:center;display:flex}.app-shell main nav{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.app-shell main button{background:var(--panel);border-radius:6px;padding:10px}.meta,footer{color:var(--muted);margin:18px 0;font-size:.75em;line-height:1.6}.paper{background:var(--panel);border-radius:10px;min-height:55vh;padding:20px}.tiptap{overflow-wrap:anywhere;outline:none;min-height:50vh;line-height:1.9}.tiptap p{margin-bottom:1em}.tiptap h2{margin:20px 0;font-size:1.3em}@media (width<=600px){.mobile-login{margin-top:28px;display:block}.app-shell{padding-left:16px;padding-right:16px}.login-page{padding-top:12px}}@media (width>=700px){.app-shell{padding-top:24px}.login-page{max-width:420px;margin:auto;padding-top:24px}.welcome{margin-top:34px}}