:root{color:#e9fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#05070d;font-family:Aptos,Segoe UI,Noto Sans,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:#05070d}body{background:linear-gradient(90deg,#00f5ff14 1px,#0000 1px) 0 0/44px 44px,linear-gradient(#ff2d950f 1px,#0000 1px) 0 0/44px 44px,#05070d;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.access-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.access-card{background:#080e18eb;border:1px solid #00f5ff75;border-radius:8px;gap:16px;width:min(420px,100%);padding:24px;display:grid;box-shadow:inset 0 0 0 1px #ff2d9526,0 24px 80px #00000052}.access-card .eyebrow{font-size:clamp(2.8rem,14vw,4.8rem)}.access-button{color:#05070d;background:#00f5ff;border:0;border-radius:8px;min-height:50px;font-weight:900}.access-button:disabled{cursor:not-allowed;opacity:.55}.access-error{color:#ff2d95;margin:-4px 0 0;font-size:.88rem;font-weight:900}.app-shell{width:min(960px,100%);padding:max(18px, env(safe-area-inset-top)) 16px 32px;margin:0 auto}.topbar{border-bottom:1px solid #00f5ff75;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:12px 0 16px;display:grid}.brand-block{min-width:0}.eyebrow{color:#00f5ff;letter-spacing:0;text-transform:none;text-shadow:0 0 16px #00f5ffad,2px 0 #ff2d95ad;margin:0;font-size:clamp(2.25rem,6vw,4.6rem);font-weight:900;line-height:.95;display:inline-block;position:relative}.eyebrow:before,.eyebrow:after{display:none}.status-row{color:#9bb6bd;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:.88rem;font-weight:800;display:flex}.status-row span{background:#080e18e6;border:1px solid #00f5ff57;border-radius:8px;align-items:center;min-height:32px;padding:0 10px;display:inline-flex;box-shadow:inset 0 0 0 1px #ff2d9517}.sync-chip{color:#39ff14}.sync-chip.syncing{color:#f5d547}.sync-chip.offline,.sync-chip.local{color:#ff2d95}.sync-chip.sync-issue{color:#f5d547}.quick-entry{border-bottom:1px solid #ff2d9559;gap:8px;padding:16px 0;display:grid}label{gap:7px;display:grid}label span{color:#f5d547;text-transform:uppercase;font-size:.78rem;font-weight:900}input,textarea{color:#e9fbff;background:#060a12f0;border:1px solid #00f5ff8c;border-radius:8px;outline:none;width:100%;padding:12px;font-size:1rem;box-shadow:inset 0 0 0 1px #ff2d9524,0 0 24px #00f5ff14}textarea{resize:vertical;min-height:82px;max-height:220px}input{min-height:52px}textarea::placeholder,input::placeholder{color:#607982}input:focus,textarea:focus{border-color:#f5d547;box-shadow:inset 0 0 0 1px #f5d5474d,0 0 0 3px #f5d5471f,0 0 32px #00f5ff2e}.mobile-entry{display:none}.icon-button,.check-button{color:#e9fbff;background:#080e18e6;border:1px solid #00f5ff6b;border-radius:8px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;min-height:42px;font-weight:800;display:inline-flex}.check-button{color:#00f5ff}.danger{color:#ff2d95}.task-area{gap:12px;padding-top:14px;display:grid}.viewbar{justify-content:flex-start;display:flex}.simple-tabs{background:#080e18e6;border:1px solid #00f5ff80;border-radius:8px;grid-template-columns:repeat(2,1fr);width:min(100%,320px);min-height:42px;display:inline-grid;overflow:hidden}.simple-tabs button{color:#9bb6bd;background:0 0;border:0;font-weight:900}.simple-tabs button.active{color:#05070d;background:#00f5ff}.task-list{gap:8px;display:grid}.task-card{-webkit-user-select:none;user-select:none;background:#080e18e0;border:1px solid #00f5ff54;border-radius:8px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:start;gap:10px;padding:10px;display:grid;position:relative;box-shadow:inset 3px 0 #ff2d95bd}.task-card.done{color:#79929a;background:#081210c7;border-color:#39ff1447;box-shadow:inset 3px 0 #39ff1494}.task-card.done h2{text-decoration:line-through}.task-content{gap:5px;min-width:0;padding-top:2px;display:grid}.task-content h2{overflow-wrap:anywhere;white-space:pre-wrap;color:#e9fbff;letter-spacing:0;min-width:0;margin:0;font-size:1.02rem;line-height:1.36}.task-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.task-meta span{color:#9bb6bd;font-size:.78rem;font-weight:800}.empty-state{color:#9bb6bd;background:#080e18b3;border:1px dashed #00f5ff61;border-radius:8px;place-items:center;gap:8px;min-height:150px;display:grid}.empty-state p{margin:0;font-weight:900}.swipe-confirm{color:#05070d;opacity:0;pointer-events:none;text-align:center;justify-content:center;align-items:center;padding:0 14px;font-size:.86rem;font-weight:900;transition:opacity .14s;display:flex;position:absolute;inset:0}.task-card.confirm-delete{border-color:#ff2d95db;box-shadow:inset 5px 0 #ff2d95f2,0 0 24px #ff2d9538}.task-card.confirm-toggle{border-color:#39ff14db;box-shadow:inset -5px 0 #39ff14f2,0 0 24px #39ff1433}.task-card.confirm-delete .swipe-confirm.delete,.task-card.confirm-toggle .swipe-confirm.toggle{opacity:1}.swipe-confirm.delete{background:linear-gradient(90deg,#ff2d95f2,#f5d547eb)}.swipe-confirm.toggle{background:linear-gradient(90deg,#39ff14eb,#00f5fff0)}@media (hover:hover) and (pointer:fine){.task-card{cursor:grab}.task-card:active{cursor:grabbing}}@media (width<=680px){.topbar{grid-template-columns:1fr;align-items:start}.status-row{justify-content:flex-start}}@media (width<=520px){.app-shell{padding-inline:12px;padding-bottom:22px}.topbar{gap:10px;padding-top:8px;padding-bottom:13px}.eyebrow{color:#e9fbff;text-shadow:0 0 10px #00f5fff2,0 0 28px #00f5ff94,3px 0 #ff2d95e6,-2px 0 #f5d547b8;width:100%;font-size:clamp(3rem,15vw,4.8rem);line-height:.86}.eyebrow:before,.eyebrow:after{content:attr(data-text);pointer-events:none;display:block;position:absolute;inset:0}.eyebrow:before{color:#ff2d95;clip-path:inset(0 0 56%);opacity:.72;transform:translate(3px,-1px)}.eyebrow:after{color:#f5d547;clip-path:inset(58% 0 0);opacity:.62;transform:translate(-2px,2px)}.status-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;font-size:.76rem;display:grid}.status-row span{justify-content:center;min-height:30px;padding:0 6px}.quick-entry{padding:12px 0}label{gap:6px}.desktop-entry{display:none}.mobile-entry{display:block}input,textarea{border-color:#f5d5479e;min-height:58px;max-height:128px;padding:11px;font-size:16px}.simple-tabs{width:100%}.task-card{touch-action:pan-y;grid-template-columns:minmax(0,1fr);gap:0;min-height:72px;padding:12px;overflow:hidden}.icon-button,.check-button{display:none}.task-content{padding-top:0}.task-content h2{font-size:1rem}.task-meta span{font-size:.74rem}}