:root{--bg: #f6f0e8;--card: rgba(255,255,255,.92);--text: #33302c;--muted: #8a8178;--line: #eadfd4;--primary: #d66b4a;--primary-dark: #bf5538;--soft: #fbf4ee;--green: #61a36f;--danger: #b94f42;--shadow: 0 18px 50px rgba(90,64,42,.13);--radius: 18px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:var(--text);background:var(--bg);background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.55) 0 1px,transparent 1px),radial-gradient(circle at 80% 10%,rgba(255,255,255,.35) 0 1px,transparent 1px);background-size:24px 24px,36px 36px;transition:background .25s ease}body.bg-green{--bg: #eff6ee;--soft: #f4faf3;--primary: #5f9f6d;--primary-dark: #4f875c;--line: #dcebd9}body.bg-blue{--bg: #eef4f8;--soft: #f5f9fc;--primary: #638fb8;--primary-dark: #4e789f;--line: #dce8f1}body.bg-dark{--bg: #1f211f;--card: rgba(42,44,42,.94);--text: #f4f0ea;--muted: #bbb0a5;--line: #3d403c;--soft: #292c29;--shadow: 0 18px 60px rgba(0,0,0,.25)}body.bg-image{background-size:cover!important;background-position:center!important;background-attachment:fixed!important}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.site-header{width:min(960px,calc(100% - 28px));margin:28px auto 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{text-decoration:none;color:var(--text);display:inline-flex;align-items:center;gap:10px;min-width:220px}.brand-logo{width:60px;flex:0 0 auto;border-radius:14px;box-shadow:0 10px 28px #c65b4238}.brand-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.brand-title{font-size:25px;font-weight:850;letter-spacing:.2px}.brand-subtitle{color:var(--muted);font-size:13px;line-height:1.35}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;position:relative}.nav-link{color:var(--muted);text-decoration:none;font-size:14px;padding:8px 10px;border-radius:999px}.nav-link:hover{color:var(--primary-dark);background:#ffffff5c}.version-badge{color:var(--muted);font-size:12px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:#ffffff59}.version-badge.warn{color:var(--danger);border-color:#b94f4259;background:#b94f4214}.btn{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:9px 14px;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px #0000000a}.btn:hover{transform:translateY(-1px);border-color:#d66b4a73}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover{background:var(--primary-dark)}.btn.small{padding:6px 10px;font-size:13px;box-shadow:none}.btn.ghost{background:transparent;box-shadow:none}.btn.danger{color:var(--danger)}.icon-btn{border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer;line-height:1}.dropdown{position:relative}.menu{position:absolute;top:42px;right:0;min-width:176px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:var(--shadow);z-index:20;display:none}.menu.show{display:block}.menu button{display:block;width:100%;text-align:left;margin:2px 0}.todo-wrapper{width:min(860px,calc(100% - 28px));margin:20px auto 28px}.card{background:var(--card);border:1px solid rgba(255,255,255,.65);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input-card{padding:18px}.add-row{display:flex;gap:10px;align-items:center}.add-content{flex:1;height:48px;border:1px solid var(--line);border-radius:999px;padding:0 18px;outline:none;background:#ffffffbf;color:var(--text);transition:all .18s ease}body.bg-dark .add-content,body.bg-dark .remind-input,body.bg-dark select,body.bg-dark textarea,body.bg-dark input[type=number],body.bg-dark input[type=url]{background:#ffffff0f;color:var(--text)}.add-content:focus,.remind-input:focus,textarea:focus,select:focus,input:focus{border-color:#d66b4aa6;box-shadow:0 0 0 4px #d66b4a17;outline:none}.remind-input{width:210px;height:42px;border-radius:999px;border:1px solid var(--line);padding:0 12px;background:#ffffffbf;color:var(--muted);font-size:13px}.input-hint{margin:10px 4px 0;color:var(--muted);font-size:13px}.main-card{margin-top:16px;overflow:hidden}.list-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);background:#ffffff47}.list-head-copy{min-width:0}.slogan{color:var(--muted);font-size:14px}.list-tip{margin-top:4px;color:var(--primary-dark);font-size:12px;line-height:1.4}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters .selected{background:var(--primary);color:#fff;border-color:var(--primary)}.todo-list{list-style:none;padding:0;margin:0}.todo-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto auto;gap:8px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line);transition:background .15s ease}.todo-item:hover{background:#ffffff47}.todo-item:last-child{border-bottom:none}.check{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);background:#ffffff59;cursor:pointer;position:relative}.check.done{background:var(--green);border-color:var(--green)}.check.done:after{content:"";position:absolute;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);left:6px;top:6px}.todo-main{min-width:0}.todo-title{font-size:16px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}.todo-title.done{text-decoration:line-through;color:var(--muted)}.todo-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;color:var(--muted);font-size:12px}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;background:#d66b4a17;color:var(--primary-dark)}.tag.remind.due{background:#b94f421f;color:var(--danger)}.pomodoro-start{min-width:88px}.pomodoro-start.active{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.pomodoro-start.paused{background:var(--soft);color:var(--primary-dark);border-color:#d66b4a80}.delete{font-size:18px;width:34px;height:34px;padding:0;display:grid;place-items:center}.empty{text-align:center;padding:42px 18px;color:var(--muted);line-height:1.8}.list-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.foot-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-dialog{border:0;padding:0;border-radius:18px;background:transparent;max-width:min(560px,calc(100% - 28px));width:100%}.settings-dialog::backdrop{background:#231e1959;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-panel{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:18px}.settings-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.settings-head h2{margin:0;font-size:20px}.setting-group{margin:14px 0}.switch-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.switch-row span{display:flex;flex-direction:column;gap:4px}.switch-row em,.muted{color:var(--muted);font-size:13px;font-style:normal}.setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.setting-grid label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}.setting-grid input,.import-row select{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#ffffffbf;color:var(--text)}.theme-options{display:flex;gap:10px;margin-top:8px}.theme-dot{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.75);cursor:pointer;box-shadow:0 0 0 1px var(--line)}.theme-dot.active{box-shadow:0 0 0 2px var(--primary),0 0 0 6px #d66b4a2e}.theme-dot.warm{background:#f6f0e8}.theme-dot.green{background:#eff6ee}.theme-dot.blue{background:#eef4f8}.theme-dot.dark{background:#1f211f}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.import-textarea{width:100%;min-height:220px;resize:vertical;border:1px solid var(--line);border-radius:14px;padding:12px;background:#ffffffbf;color:var(--text);line-height:1.6}.import-row{display:grid;grid-template-columns:1fr 170px;gap:10px;align-items:center;margin-top:10px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(20px);background:#231e19e6;color:#fff;padding:10px 14px;border-radius:999px;box-shadow:0 12px 40px #00000038;opacity:0;pointer-events:none;transition:all .2s ease;z-index:100;font-size:14px}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.docs-wrapper{width:min(960px,calc(100% - 28px));margin:22px auto 48px}.docs-hero{padding:28px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:18px;align-items:center}.docs-hero h1{margin:0 0 10px;font-size:34px}.docs-hero p{color:var(--muted);line-height:1.8;margin:0}.mock-window{border:1px solid var(--line);border-radius:18px;padding:12px;background:#ffffff59}.mock-top{display:flex;gap:5px;margin-bottom:12px}.mock-top span{width:9px;height:9px;border-radius:50%;background:var(--line)}.mock-input{height:38px;border-radius:999px;background:#ffffffbf;margin-bottom:10px}.mock-task{display:grid;grid-template-columns:22px 1fr 76px;gap:8px;align-items:center;padding:10px;border-top:1px solid var(--line)}.mock-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--line)}.mock-line{height:10px;border-radius:99px;background:var(--line)}.mock-timer{height:28px;border-radius:99px;background:var(--primary);color:#fff;font-size:12px;display:grid;place-items:center}.docs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.step-card{padding:18px}.step-card h3{margin:0 0 10px}.step-card p{color:var(--muted);line-height:1.7;margin:0}.step-icon{font-size:28px;margin-bottom:8px}.docs-section{margin-top:14px;padding:22px}.docs-section h2{margin:0 0 12px}.docs-list{margin:0;padding-left:20px;color:var(--muted);line-height:1.9}.version-box{background:#d66b4a14;border:1px dashed rgba(214,107,74,.35);border-radius:14px;padding:14px;color:var(--muted);line-height:1.8}@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start;width:100%}.todo-wrapper{margin-top:16px}.add-row{flex-direction:column;align-items:stretch}.remind-input{width:100%}.todo-item{grid-template-columns:30px minmax(0,1fr) auto}.todo-item .delete{grid-column:3}.todo-item .pomodoro-start{grid-column:2 / span 2;justify-self:start}.list-head,.list-foot{flex-direction:column;align-items:flex-start}.setting-grid,.import-row,.docs-hero,.docs-grid{grid-template-columns:1fr}}.lang-switch{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#ffffff8c;color:var(--muted);font-size:13px}.lang-switch select{max-width:120px;border:0;outline:none;background:transparent;color:var(--text);font:inherit;cursor:pointer}@media(max-width:760px){.lang-switch{width:100%;justify-content:space-between}.lang-switch select{max-width:180px}}.add-row{position:relative}.add-leading-check{width:26px;height:26px;flex:0 0 auto;border:2px solid var(--line);border-radius:50%;background:#ffffffbf;margin-left:3px}.input-card .add-row{display:flex;gap:10px;align-items:center}.input-card .add-content{flex:1;min-width:0}.version-badge{display:none!important}@media(max-width:760px){.input-card .add-row{flex-direction:row}.input-card .add-leading-check{margin-left:0}}