*{box-sizing:border-box}:root{--bg:#050505;--panel:#0d0d0d;--panel2:#121212;--text:#f5f5f2;--muted:gray;--line:#292929}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.shell{grid-template-columns:210px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);background:#070707;height:100vh;padding:32px 26px;position:sticky;top:0}.brand{letter-spacing:.12em;font-size:28px;font-weight:900;line-height:.9}.kicker{letter-spacing:.3em;color:#777;margin-top:10px;font-size:10px}nav{gap:7px;margin-top:52px;display:grid}nav a{color:#777;letter-spacing:.16em;border-radius:10px;padding:11px 12px;font-size:12px}nav a.active{color:#fff;background:#151515}.side-foot{letter-spacing:.16em;color:#555;font-size:9px;line-height:1.8;position:absolute;bottom:28px}.content{width:100%;max-width:1500px;padding:44px}.top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow,.panel-head span,.hero span,.area-top span{letter-spacing:.25em;color:#777;font-size:10px;font-weight:700}h1{margin:8px 0 10px;font-size:48px;line-height:1}.top p{color:#8a8a8a;max-width:600px}.theme{color:#fff;background:#111;border:1px solid #333;border-radius:999px;width:44px;height:44px}.hero{background:linear-gradient(145deg,#121212,#080808);border:1px solid #333;border-radius:24px;justify-content:space-between;align-items:end;margin:34px 0 20px;padding:28px;display:flex}.hero h2{margin:10px 0 8px;font-size:34px}.hero p{color:#888;margin:0}.hero strong{font-size:42px}.grid{grid-template-columns:1.1fr .9fr;gap:20px;display:grid}.panel,.area{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:22px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-head b{color:#666;font-size:12px}.row{border-top:1px solid #222;grid-template-columns:70px 1fr 8px;align-items:center;gap:14px;padding:15px 0;display:grid}.row time{font-size:19px}.row div{gap:4px;display:grid}.row small,.task small{color:#666}.row i{background:#eee;border-radius:50%;width:7px;height:7px}.task{border-top:1px solid #222;grid-template-columns:22px 1fr;align-items:center;gap:12px;padding:14px 0;display:grid}.task span{gap:4px;display:grid}.task input{accent-color:#fff}.area-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px;display:grid}.area-top{justify-content:space-between;display:flex}.area-top em{color:#666;font-style:normal}.area h3{margin:28px 0 8px;font-size:22px}.area p{color:#777;min-height:42px;line-height:1.45}.area button{color:#ddd;letter-spacing:.18em;background:0 0;border:0;margin-top:14px;padding:0;font-size:11px}@media (max-width:900px){.shell{display:block}.side{display:none}.content{padding:22px}.grid,.area-grid{grid-template-columns:1fr}.area-grid{grid-template-columns:1fr 1fr}h1{font-size:40px}.hero strong{font-size:32px}}@media (max-width:560px){.content{padding:18px}.top h1{font-size:36px}.hero{align-items:flex-start}.hero strong{font-size:26px}.area-grid{grid-template-columns:1fr}.grid{gap:14px}.hero{padding:22px}.panel,.area{padding:18px}}.login-shell{background:#050505;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#0d0d0d;border:1px solid #292929;border-radius:24px;width:min(430px,100%);padding:30px}.brand.big{font-size:38px}.login-kicker{margin-top:42px}.login-card h1{margin:8px 0;font-size:40px}.login-card p{color:#818181}.login-form{gap:14px;margin-top:28px;display:grid}.login-form label{color:#888;gap:8px;font-size:12px;display:grid}.login-form input,.quick-add input,.quick-add select{color:#eee;background:#080808;border:1px solid #333;border-radius:12px;width:100%;padding:13px}.button{color:#090909;cursor:pointer;background:#f0eee8;border:0;border-radius:999px;padding:13px 20px;font-weight:800}.button.ghost{color:#eee;background:#171717;border:1px solid #333}.button.wide{width:100%}.error-box,.notice-box{color:#e7b8b8;background:#211313;border:1px solid #503030;border-radius:12px;margin-top:16px;padding:12px}.notice-box.success{color:#c8dec8;background:#111b12;border-color:#355038}.private-note{color:#555;text-align:center;margin-top:24px;display:block}.signout{color:#666;letter-spacing:.18em;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;position:absolute;bottom:72px}.task-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.static-task{padding-left:0}.fake-check{border:1px solid #555;border-radius:4px;width:17px;height:17px;display:block}.quick-add{border-top:1px solid #222;grid-template-columns:1fr 130px auto;gap:8px;margin-top:4px;padding-top:16px;display:grid}.quick-add button{color:#eee;letter-spacing:.18em;cursor:pointer;background:#161616;border:1px solid #333;border-radius:12px;padding:0 14px;font-size:10px}@media (max-width:650px){.quick-add{grid-template-columns:1fr}.signout{margin-top:30px;position:static}}:root[data-theme=light]{--bg:#f2f0e9;--panel:#fffdfa;--panel2:#f6f3ed;--text:#111;--muted:#696969;--line:#d7d2c8}:root[data-theme=light] body{background:var(--bg);color:var(--text)}:root[data-theme=light] .side{background:#ebe8e1}:root[data-theme=light] nav a.active{color:#111;background:#ddd8ce}:root[data-theme=light] .hero{background:linear-gradient(145deg,#fff,#ece8df)}:root[data-theme=light] .theme,:root[data-theme=light] .quick-add button,:root[data-theme=light] .schedule-add button{color:#fff;background:#111}:root[data-theme=light] .login-card,:root[data-theme=light] .panel,:root[data-theme=light] .area{background:var(--panel)}:root[data-theme=light] .login-form input,:root[data-theme=light] .quick-add input,:root[data-theme=light] .quick-add select,:root[data-theme=light] .schedule-add input,:root[data-theme=light] .schedule-add select{color:#111;background:#fff;border-color:#cbc6bc}.empty{color:var(--muted);border-top:1px solid var(--line);padding:18px 0}.schedule-row{grid-template-columns:70px 1fr auto}.icon-delete{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;font-size:20px;line-height:1}.task-line{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;display:grid}.task-line .task{border-top:0}.add-panel,.done-list{border-top:1px solid var(--line);margin-top:10px;padding-top:16px}.add-panel summary,.done-list summary{cursor:pointer;color:var(--muted);letter-spacing:.2em;font-size:10px;font-weight:700}.schedule-add{gap:10px;margin-top:16px;display:grid}.schedule-add input,.schedule-add select{color:#eee;background:#080808;border:1px solid #333;border-radius:12px;width:100%;padding:13px}.form-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.protect{border:1px solid var(--line);color:var(--muted);border-radius:12px;align-items:center;gap:9px;padding:10px 12px;font-size:12px;display:flex}.protect input{width:auto}.schedule-add button{color:#eee;letter-spacing:.18em;cursor:pointer;background:#161616;border:1px solid #333;border-radius:12px;padding:13px;font-size:10px}.quick-add.expanded{grid-template-columns:minmax(180px,1.6fr) 120px 100px 140px auto}.done-list form{margin-top:8px}.done-task{text-align:left;border:0;border-top:1px solid var(--line);width:100%;color:var(--muted);cursor:pointer;background:0 0;padding:10px 0;text-decoration:line-through}.theme{cursor:pointer}@media (max-width:1100px){.quick-add.expanded{grid-template-columns:1fr 1fr}.quick-add.expanded button{min-height:44px}}@media (max-width:650px){.form-pair,.quick-add.expanded{grid-template-columns:1fr}.schedule-row{grid-template-columns:58px 1fr auto}.hero{gap:18px;display:grid}.hero strong{justify-self:start}}