*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#080b0e}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% -10%,#22313a 0,transparent 34%),radial-gradient(circle at 95% 10%,#17242b 0,transparent 28%),linear-gradient(160deg,#080b0e 0%,#0c1115 48%,#090d10 100%);background-attachment:fixed;color:#f7f9fa;min-height:100vh}.app{max-width:760px;margin:auto;min-height:100vh;padding:22px 16px 110px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 3px}.top h1{margin:0;font-size:30px;letter-spacing:-.04em;font-weight:760}.sub{color:#94a1a7;font-size:13px;margin-top:3px}.shiftTabs,.controls,.category,.notice{background:rgba(24,31,36,.58);border:1px solid rgba(255,255,255,.075);box-shadow:0 14px 40px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.shiftTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0 12px;padding:5px;border-radius:17px}.shiftTabs button,.pill,.btn{border:1px solid transparent;border-radius:12px;padding:12px;background:rgba(255,255,255,.055);color:#c9d1d5;font-weight:700;transition:.18s ease}.shiftTabs button:active,.pill:active,.btn:active{transform:scale(.98)}.shiftTabs button.active{background:rgba(247,250,251,.94);color:#0b1013;box-shadow:0 5px 18px rgba(0,0,0,.2)}.bar{height:5px;background:rgba(255,255,255,.075);border-radius:99px;overflow:hidden;margin:10px 2px 16px}.bar i{display:block;height:100%;background:linear-gradient(90deg,#5fd38c,#7be6a5);box-shadow:0 0 12px rgba(95,211,140,.35);transition:width .3s ease}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:15px;padding:10px;border-radius:17px}.select,.input,.textarea{background:rgba(8,12,15,.52);border:1px solid rgba(255,255,255,.1);color:#f7f9fa;border-radius:12px;padding:12px;width:100%;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.select:focus,.input:focus,.textarea:focus{border-color:rgba(255,255,255,.28)}.select{width:auto;min-width:150px}.filters{display:flex;gap:6px}.pill{padding:8px 11px;font-size:12px}.pill.active{background:rgba(239,245,247,.92);color:#0d1215}.category{margin:12px 0;padding:6px;border-radius:19px;overflow:hidden}.catHead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:10px 9px}.catHead h2{font-size:14px;text-transform:uppercase;letter-spacing:.095em;color:#c3ccd0;margin:0;font-weight:760}.catHead .pill.active{background:rgba(91,205,137,.14);border-color:rgba(91,205,137,.22);color:#8be7af}.taskWrap{position:relative;overflow:hidden;border-radius:14px;margin:6px 0;background:#8e3038}.delete{position:absolute;right:0;top:0;bottom:0;width:78px;border:0;background:#9a3039;color:white;font-size:20px}.task{position:relative;z-index:1;background:rgba(44,20,23,.82);border:1px solid rgba(224,80,91,.22);border-radius:14px;padding:14px;transition:.18s;touch-action:pan-y;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.task.done{background:rgba(19,54,35,.82);border-color:rgba(75,190,119,.28)}.task h3{margin:0 0 4px;font-size:15px;letter-spacing:-.01em}.task p{margin:0;color:#aeb8bc;font-size:13px;line-height:1.4}.meta{display:flex;justify-content:flex-end;gap:8px;margin-top:10px;color:#929fa4;font-size:11px}.assign{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.06);color:#dce2e4;padding:6px 9px;border-radius:9px}.fab{position:fixed;right:20px;bottom:22px;border:1px solid rgba(255,255,255,.55);background:rgba(244,248,249,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#0b1013;width:58px;height:58px;border-radius:18px;font-size:29px;box-shadow:0 14px 40px rgba(0,0,0,.42)}.modalBack{position:fixed;inset:0;background:rgba(2,5,7,.72);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);z-index:20;display:flex;align-items:flex-end;justify-content:center}.modal{background:rgba(20,27,31,.92);border:1px solid rgba(255,255,255,.1);border-bottom:0;box-shadow:0 -18px 60px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);width:min(100%,600px);padding:22px;border-radius:24px 24px 0 0;max-height:88vh;overflow:auto}.modal h2{margin-top:0;letter-spacing:-.025em}.row{display:flex;gap:8px}.row>*{flex:1}.checkrow{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.045)}.btn.primary{background:rgba(245,249,250,.95);color:#0b1013}.btn.danger{background:rgba(125,40,47,.72);color:#fff}.btn.full{width:100%;margin-top:10px}.empty{text-align:center;color:#7f8d93;padding:42px 10px}.small{font-size:12px;color:#8f9ca1}.gear{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075);color:#eef2f3;font-size:20px;width:42px;height:42px;border-radius:13px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.notice{padding:11px 13px;border-radius:14px;font-size:12px;color:#b8c2c6;margin-bottom:12px}@media(max-width:520px){.app{padding:17px 11px 100px}.top h1{font-size:27px}.controls{padding:8px}.select{flex:1;min-width:135px}.catHead{align-items:flex-start}.catHead>div:last-child{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.category{border-radius:17px}}