@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap";:root{font-family:DM Sans,sans-serif;color:var(--text);background:var(--bg);--bg:#0d1117;--text:#e8eef7;--muted:#8b949e;--panel:#161b22;--border:#30363d;--subtle:#21262d;--input:#161b22}:root[data-theme=light]{--bg:#f6f8fa;--text:#1f2328;--muted:#656d76;--panel:#ffffff;--border:#d0d7de;--subtle:#eaeef2;--input:#ffffff}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;background:var(--bg);transition:background-color 1s ease,color 1s ease}main,.board,.login-card,input,select,.logout,.theme-toggle{transition:background-color 1s ease,color 1s ease,border-color 1s ease}main{max-width:760px;margin:0 auto;padding:72px 24px}header{margin-bottom:36px}.board-header{display:flex;justify-content:space-between;gap:20px}.logout{background:transparent;border-color:#6e7681;color:var(--text);padding:10px 14px;height:max-content}.login{max-width:460px}.login-card{display:grid;gap:16px;border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:24px}.login-card label{display:grid;gap:8px;color:var(--text);font-size:14px}.login-card input{width:100%}.login-card button{height:46px;margin-top:4px}.eyebrow{color:#7ee787;font-size:12px;font-weight:700;letter-spacing:.16em;margin:0 0 14px}h1,h2{font-family:Space Grotesk,sans-serif}h1{font-size:52px;line-height:1;margin:0 0 14px}.subtitle{color:var(--muted);font-size:18px;margin:0}.composer{display:flex;gap:10px;margin-bottom:24px}input,select,button{font:inherit;border-radius:8px;border:1px solid var(--border)}input{background:var(--panel);color:var(--text);padding:14px 16px;flex:1}select{background:var(--panel);color:var(--text);padding:0 10px}button{cursor:pointer;background:#238636;color:#fff;padding:0 18px;font-weight:700}.board{border:1px solid var(--border);border-radius:12px;background:var(--panel);padding:20px}.board-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:4px}.board-heading h2{margin:0;font-size:20px}.board-heading span{color:var(--muted);font-size:14px}.task{display:flex;align-items:center;gap:12px;padding:16px 4px;border-bottom:1px solid var(--subtle)}.task:last-child{border-bottom:0}.check{width:24px;height:24px;padding:0;border-radius:50%;background:transparent;border-color:#6e7681;color:#7ee787}.task-title{flex:1}.done .task-title{text-decoration:line-through;color:var(--muted)}.priority{font-size:10px;color:#ffab70;border:1px solid #9e6a03;border-radius:10px;padding:3px 7px;font-weight:700}.delete{background:transparent;color:var(--muted);border:0;padding:0 6px;font-size:22px;font-weight:400}.delete:hover{color:#f85149}.empty{color:var(--muted);text-align:center;padding:38px 10px}.error{color:#ff7b72}footer{color:#6e7681;text-align:center;font-size:13px;margin-top:24px}.topbar,.header-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.theme-toggle{background:transparent;color:var(--text);border-color:var(--border);padding:9px 12px}@media(max-width:600px){main{padding:40px 16px}h1{font-size:42px}.composer{flex-wrap:wrap}.composer input{flex-basis:100%;height:48px}.composer select,.composer button{height:44px;flex:1}}
