:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#edf4ff;background:#07101d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(51,107,255,.18),transparent 34rem),radial-gradient(circle at 100% 20%,rgba(128,77,255,.13),transparent 28rem),#07101d}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:78px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px clamp(18px,5vw,72px) 18px;max-width:1250px;margin:20px auto}.topbar h1{margin:4px 0 0;font-size:clamp(24px,4vw,42px);letter-spacing:-.04em}.eyebrow{color:#75a7ff;font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:12px}.sync-state{display:flex;align-items:center;gap:8px;color:#9eb0c8;font-size:14px}.app-main{width:min(1120px,calc(100% - 28px));margin:auto}.toolbar{display:grid;gap:12px;margin-bottom:22px}.search-box,.add-box{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(145,175,218,.16);border-radius:18px;background:#0d192bd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 50px #0003}.search-box input,.add-box input,.task-title,.task-meta input,.task-meta select,.subtask-entry input{min-width:0;width:100%;border:0;outline:0;color:#edf4ff;background:transparent}.search-box input::placeholder,.add-box input::placeholder,.subtask-entry input::placeholder{color:#6f829e}.add-box button,.settings-panel button,.completion-modal button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;padding:10px 14px;background:linear-gradient(135deg,#3a7bff,#7658ef);color:#fff;font-weight:750}.add-box .secondary{background:#ffffff12;white-space:nowrap}.sections{display:grid;gap:18px}.task-section{padding:16px;border-radius:22px;border:1px solid rgba(128,158,198,.14);background:#0a1627b8;transition:.18s}.task-section.drop-active{border-color:#6ca1ff;background:#1e437e47}.section-heading{display:flex;align-items:center;gap:8px;margin-bottom:11px}.section-heading h2{margin:0;font-size:15px;text-transform:uppercase;letter-spacing:.1em;color:#a9bbd3}.section-heading span{background:#ffffff14;border-radius:99px;padding:2px 8px;font-size:12px}.task-stack{min-height:48px;display:grid;gap:10px}.empty-drop{display:grid;place-items:center;min-height:62px;color:#60748f;border:1px dashed rgba(126,158,201,.2);border-radius:14px}.task-card{position:relative;display:flex;gap:11px;padding:14px;border:1px solid rgba(133,160,195,.14);border-radius:17px;background:linear-gradient(145deg,#16273feb,#0c192ced);box-shadow:0 12px 34px #0000002b}.priority-high{border-left:3px solid #ff6f7f}.priority-low{border-left:3px solid #55c9a2}.task-check{width:23px;height:23px;flex:0 0 23px;margin-top:2px;display:grid;place-items:center;border-radius:50%;border:2px solid #57708f;color:#fff;background:transparent}.task-check.checked{background:#3f8bff;border-color:#3f8bff}.task-main{min-width:0;flex:1}.task-title-row{display:flex;align-items:center;gap:5px}.task-title{font-size:16px;font-weight:700;padding:3px 0}.task-title.completed{text-decoration:line-through;color:#72859f}.icon-button,.drag-handle{width:30px;height:30px;display:grid;place-items:center;border:0;color:#8da3bf;background:transparent;border-radius:8px}.drag-handle{touch-action:none;cursor:grab}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;color:#7f94ae;font-size:12px}.task-meta input,.task-meta select{width:auto;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px 7px}.task-meta select{color-scheme:dark}.task-menu{position:absolute;z-index:20;top:46px;right:12px;width:170px;display:grid;gap:3px;padding:7px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#101c2e;box-shadow:0 18px 50px #0006}.task-menu button{display:flex;align-items:center;gap:8px;padding:9px 10px;border:0;border-radius:9px;color:#dbe8fa;background:transparent;text-align:left}.task-menu button:hover{background:#ffffff12}.task-menu .danger{color:#ff6c7d}.subtask-list{display:grid;gap:8px;margin-top:12px}.add-subtask{margin-top:10px}.add-subtask>button{display:flex;align-items:center;gap:6px;border:0;color:#79a9ff;background:transparent;padding:5px 0}.subtask-entry{display:flex;gap:6px}.subtask-entry input{padding:8px;border-radius:9px;background:#ffffff0d}.subtask-entry button{border:0;border-radius:9px;background:#ffffff14;color:#fff}.bottom-nav{position:fixed;z-index:50;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:4px;padding:6px;width:min(520px,calc(100% - 24px));border:1px solid rgba(158,187,226,.16);border-radius:18px;background:#0b1626e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 55px #00000061}.bottom-nav button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;padding:10px 8px;color:#8397b1;background:transparent}.bottom-nav button.active{color:#fff;background:linear-gradient(135deg,#3a7bffe6,#7658efe6)}.settings-panel,.loading-state{min-height:320px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#0c192bbf}.settings-panel h2,.settings-panel p{margin:0}.settings-panel p{color:#8ca0bb}.error-banner{margin-bottom:14px;padding:12px 15px;border:1px solid rgba(255,95,112,.3);border-radius:12px;color:#ffacb5;background:#78182833}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#020812bd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.completion-modal{width:min(410px,100%);padding:28px;text-align:center;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#101e32}.completion-modal svg{color:#55c9a2}.drag-preview{padding:15px 20px;border-radius:14px;background:#182b47;color:#fff;box-shadow:0 20px 60px #00000073}@media(max-width:700px){.topbar{padding:20px 16px 12px}.topbar h1{font-size:25px}.sync-state{font-size:0}.app-main{width:calc(100% - 18px)}.add-box{flex-wrap:wrap}.add-box input{flex-basis:100%}.add-box button{flex:1}.task-section{padding:10px}.task-card{padding:11px}.bottom-nav button{flex-direction:column;gap:2px;font-size:11px;padding:8px 4px}}