.app-ui{font-family:var(--font-app), var(--font-geist-sans), sans-serif;color:#fff;text-align:left}.app-window{background:#000;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;box-shadow:0 40px 120px -30px #000000f2,0 0 90px -40px #d4ff322e}.app-card{background:linear-gradient(#151515 0%,#0f0f0f 100%);border:.5px solid #ffffff14;box-shadow:inset 0 1px #ffffff0d,0 2px 8px #00000040}.app-nav-label{color:#555;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;padding:0 8px;font-size:10px;font-weight:700}.app-check{border:1.5px solid #555;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .15s,background .15s;display:flex}.app-check.done{background:#d4ff32;border-color:#d4ff32;animation:.45s cubic-bezier(.34,1.56,.64,1) app-check-pop,.6s ease-out app-check-ring}.app-check.done:after{content:"✓";color:#000;font-size:12px;font-weight:900;line-height:1;animation:.3s cubic-bezier(.34,1.56,.64,1) 60ms backwards app-check-glyph}.app-check.ink{border-color:#0000002e}.app-check.ink.done{background:#000;border-color:#000}.app-check.ink.done:after{color:#d4ff32}@keyframes app-check-pop{0%{transform:scale(.75)}45%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes app-check-glyph{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes app-check-ring{0%{box-shadow:0 0 #d4ff3273}to{box-shadow:0 0 0 12px #0000}}.app-strike{transition:color .3s;position:relative}.app-strike.done{color:#555}.app-strike.done:after{content:"";background:#555;width:100%;height:1.5px;animation:.35s cubic-bezier(.4,0,.2,1) app-strike;position:absolute;top:50%;left:0}@keyframes app-strike{0%{width:0}to{width:100%}}.app-task-row{background:#181818;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff0d}.app-chip{color:#a0a0a0;white-space:nowrap;background:#ffffff0f;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600}.app-focus-rail{--n:3;--w:calc((100% - (var(--n) - 1) * 10px) / var(--n));gap:10px;display:flex;overflow:hidden}@media (max-width:640px){.app-focus-rail{--n:1.35}}.app-focus-card{flex:0 0 var(--w);border-radius:18px;align-items:center;gap:10px;min-width:0;padding:14px;display:flex;box-shadow:0 10px 25px #0000001a}.app-wave-wrap{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.app-wave{width:100%;position:absolute;bottom:0;left:0}.app-wave:before,.app-wave:after{content:"";will-change:transform;width:200%;height:calc(100% + 30px);position:absolute;bottom:0;left:0;-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%;-webkit-mask-size:50% 30px,100% calc(100% - 29px);mask-size:50% 30px,100% calc(100% - 29px);-webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat}.app-wave:before{background:#ffffff26;animation:10s linear infinite app-wave;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 40' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0,20 C150,40 350,0 600,20 C850,40 1050,0 1200,20 V40 H0 Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 40' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0,20 C150,40 350,0 600,20 C850,40 1050,0 1200,20 V40 H0 Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000)}.app-wave:after{background:#fff3;animation:6s linear infinite app-wave;-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 40' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0,20 C200,0 400,40 600,20 C800,0 1000,40 1200,20 V40 H0 Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000);mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 40' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0,20 C200,0 400,40 600,20 C800,0 1000,40 1200,20 V40 H0 Z'/%3E%3C/svg%3E"),linear-gradient(#000,#000)}@keyframes app-wave{0%{transform:translate(0)}to{transform:translate(-50%)}}.app-board-card{background:#111;border:.5px solid #ffffff21;border-radius:12px;align-items:center;gap:8px;padding:0 10px;font-size:12.5px;font-weight:600;transition:left .6s cubic-bezier(.65,0,.35,1),top .6s cubic-bezier(.65,0,.35,1),background .3s;display:flex;position:absolute}.app-board-card.done{background:#0b0b0b}@media (max-width:639px){.app-board-card{gap:6px;padding:0 8px;font-size:12px}}.app-drop{animation:.45s cubic-bezier(.16,1,.3,1) app-drop}@keyframes app-drop{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:none}}.app-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) app-pop}@keyframes app-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.app-slide{animation:.45s cubic-bezier(.16,1,.3,1) app-slide}@keyframes app-slide{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.app-caret{vertical-align:-2px;background:#d4ff32;width:1.5px;height:1.05em;margin-left:1px;animation:1s step-end infinite app-blink;display:inline-block}@keyframes app-blink{50%{opacity:0}}.app-cursor{z-index:5;pointer-events:none;transition:left .9s cubic-bezier(.65,0,.35,1),top .9s cubic-bezier(.65,0,.35,1),opacity .3s;position:absolute}.app-cursor.click svg{animation:.3s app-click}@keyframes app-click{50%{transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.app-ui *,.app-ui :before,.app-ui :after{transition:none!important;animation:none!important}}.app-task-item{background:#181818;border:1px solid #ffffff14;border-radius:18px;transition:border-color .3s;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.app-task-item.open{border-color:#b882ff66}.app-task-panel{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.4,0,.2,1);display:grid}.app-task-panel.open{grid-template-rows:1fr}.app-arrow{color:#555;flex-shrink:0;font-size:11px;transition:transform .2s}.app-arrow.open{transform:rotate(90deg)}.app-panel-label{color:#555;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px;font-size:10px}.app-field{background:#222;border:.5px solid #ffffff21;border-radius:12px;flex-wrap:wrap;align-items:center;gap:5px;min-height:36px;padding:6px 10px;font-size:12.5px;display:flex}.app-flash{animation:1.3s ease-out app-flash}@keyframes app-flash{0%{border-color:#d4ff32;box-shadow:0 0 #d4ff328c}to{box-shadow:0 0 0 9px #d4ff3200}}.app-pill{white-space:nowrap;color:#a0a0a0;border:.5px solid #ffffff21;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.app-pill.urgent{color:#f28b82}.app-pill.tomorrow{color:#f9d776;background:#f9d77614;border-color:#f9d77659}