:root{--bg:#0a0b10;--bg-2:#0f1017;--surface:#161922;--surface-hi:#1c202b;--surface-lo:#12151d;--surface-2:#1f2430;--border:rgba(255,255,255,.08);--border-2:rgba(255,255,255,.15);--text:#f2f4f9;--text-dim:#98a0b0;--accent:#ff2e88;--accent-2:#ff77b6;--accent-3:#a855f7;--accent-text:#ff5ba6;--accent-soft:rgba(255,46,136,.18);--red:#ff4d54;--grad-accent:linear-gradient(135deg,#ff2e88 0%,#ff5f6d 100%);--grad-brand:linear-gradient(92deg,#ff2e88 0%,#ff4d54 100%);--grad-aurora:linear-gradient(135deg,#ff2e88 0%,#a855f7 100%);--accent-glow:0 10px 34px -8px rgba(255,46,136,.55);--todo:#8a93a3;--in_progress:#4d90ff;--review:#f5a623;--done:#22c37a;--urgent:#ff4d54;--high:#ff8a3d;--medium:#f2c744;--low:#8a93a3;--radius:18px;--radius-sm:12px;--shadow:0 1px 2px rgba(0,0,0,.5), 0 16px 38px -18px rgba(0,0,0,.7);--shadow-hover:0 2px 8px rgba(0,0,0,.55), 0 26px 52px -20px rgba(0,0,0,.78);--grain:none;--dur:.2s;--dur-out:.13s;--ease:cubic-bezier(.32,.72,0,1);--ease-out:cubic-bezier(.4,0,1,1);--sat:env(safe-area-inset-top);--sab:env(safe-area-inset-bottom);font-family:Inter,-apple-system,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root[data-theme=light]{--bg:#eceef3;--bg-2:#f5f6f9;--surface:#ffffff;--surface-hi:#ffffff;--surface-lo:#f6f7fa;--surface-2:#eef1f6;--border:rgba(20,25,40,.1);--border-2:rgba(20,25,40,.17);--text:#14161d;--text-dim:#59616f;--accent:#ff1f83;--accent-2:#ff6bb0;--accent-3:#9333ea;--accent-text:#c8156f;--accent-soft:rgba(255,31,131,.12);--red:#d32029;--grad-aurora:linear-gradient(135deg,#ff1f83 0%,#9333ea 100%);--accent-glow:0 10px 30px -10px rgba(255,31,131,.45);--shadow:0 1px 2px rgba(20,25,40,.05), 0 12px 30px -14px rgba(20,25,40,.2);--shadow-hover:0 2px 8px rgba(20,25,40,.08), 0 22px 44px -16px rgba(20,25,40,.28)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;color:var(--text);background:radial-gradient(1200px 640px at 50% -14%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 60%),radial-gradient(900px 500px at 92% 0%,color-mix(in srgb,var(--accent-3) 10%,transparent),transparent 55%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 55%);background-attachment:fixed;transition:background .3s ease,color .3s ease}a{color:var(--accent-text);text-decoration:none}h1{letter-spacing:-.033em;font-weight:800}h2,h3{letter-spacing:-.02em}:where(a,button,input,textarea,select,[tabindex],[role=button]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}button{font-family:inherit;cursor:pointer;border:none;touch-action:manipulation;border-radius:var(--radius-sm);padding:10px 18px;min-height:40px;font-weight:670;letter-spacing:-.01em;transition:transform var(--dur-out) var(--ease),box-shadow .16s ease,filter .16s ease,background .16s ease,border-color .16s ease,color .16s ease}button:active{transform:scale(.96)}.btn-primary{background:var(--grad-accent);color:#fff;box-shadow:0 1px 2px #0003,var(--accent-glow)}.btn-primary:hover{filter:brightness(1.07)}.btn-primary:disabled{opacity:.5;cursor:default;filter:none}.btn-ghost{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border-2)}.btn-ghost:hover{color:var(--text);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.icon-btn{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0}input,textarea,select{font-family:inherit;background:var(--surface-2);border:1px solid var(--border-2);color:var(--text);border-radius:var(--radius-sm);padding:11px 13px;width:100%;outline:none;min-height:44px;font-size:16px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea{min-height:auto}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-dim)}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.card.pressable{cursor:pointer}.card.pressable:hover{border-color:var(--border-2);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card.pressable:active{transform:scale(.99)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;padding:3px 10px;border-radius:999px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);padding:5px 12px;border:1px solid var(--border-2);border-radius:999px;background:transparent}.mi{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;font-size:1.25em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mi.fill{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}:where(button,a,label):has(>.mi:only-child){display:inline-flex;align-items:center;justify-content:center;gap:6px}.mi{line-height:1}.fab{position:fixed;right:16px;bottom:calc(76px + var(--sab));z-index:35;width:56px;height:56px;border-radius:20px;display:none;place-items:center;background:var(--grad-aurora);color:#fff;box-shadow:var(--accent-glow);border:none}.fab .mi{font-size:26px}*{scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px;border:2px solid transparent;background-clip:content-box}@keyframes orbit-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rise{animation:orbit-rise var(--dur) var(--ease) both}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (pointer:coarse){button,.icon-btn,a.tap{min-height:44px}}@media (max-width:760px){.fab{display:grid}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{line-height:1.5}p{line-height:1.6}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2398a0b0' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;cursor:pointer}table{width:100%;border-collapse:collapse}:where(th){text-align:left;font-size:12px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.3px;padding:10px 12px;border-bottom:1px solid var(--border)}:where(td){padding:11px 12px;border-bottom:1px solid var(--border);font-size:14px}:where(h1){font-size:26px;margin:0}:where(h2){font-size:17px}.card{transition:border-color .14s ease,box-shadow .18s ease,transform .14s ease}*{-webkit-tap-highlight-color:transparent}.dim{color:var(--text-dim)}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;min-width:18px;padding:0;flex-shrink:0;border:1.5px solid var(--border-2);background:var(--surface-2);border-radius:6px;display:inline-grid;place-content:center;cursor:pointer;vertical-align:middle;box-shadow:inset 0 1px 2px #1c253614;transition:background .12s ease,border-color .12s ease}input[type=radio]{border-radius:999px}input[type=checkbox]:after{content:"";width:5px;height:9px;margin-top:-1px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .12s ease}input[type=checkbox]:checked{background:var(--grad-accent);border-color:transparent}input[type=checkbox]:checked:after{transform:rotate(45deg) scale(1)}input[type=radio]:after{content:"";width:8px;height:8px;border-radius:999px;background:#fff;transform:scale(0);transition:transform .12s ease}input[type=radio]:checked{background:var(--accent);border-color:transparent}input[type=radio]:checked:after{transform:scale(1)}input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--accent)}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}
