:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{color:#eee;background:#0f0f10;margin:0}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.app{box-sizing:border-box;flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;padding:1rem 1rem 0;display:flex}.app-top{flex-shrink:0}.live-clock{color:#ccc;text-align:center;width:100%;margin:.25rem 0 1rem;font-size:1.15rem}.app-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.task-list-scroll{flex:1;padding-bottom:6rem;overflow-y:auto}.app-header h1{margin:0;font-size:1.25rem}.header-actions{align-items:center;gap:1rem;padding-top:.15rem;display:flex}.login-screen{flex-direction:column;justify-content:center;display:flex}.login-screen h1{margin-bottom:.25rem;font-size:1.5rem}.login-logo{border-radius:18%;align-self:center;margin-bottom:1rem}.progress{color:#888;margin-bottom:1rem;font-size:.9rem}.empty{color:#888;text-align:center;margin-top:3rem}.task-list{flex-direction:column;gap:.75rem;display:flex}.task-card{background:#18181b;border:1px solid #333;border-radius:12px;padding:.9rem 1rem}.task-card.done{opacity:.6}.task-card-main{align-items:center;gap:.75rem;display:flex}.task-checkbox{color:#0000;background:0 0;border:2px solid #555;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.85rem;line-height:1;display:flex}.task-checkbox.checked{color:#06210f;background:#35c07a;border-color:#35c07a}.task-card-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.task-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.task-meta{color:#999;font-size:.85rem}.task-notes{color:#777;font-size:.8rem}.task-card-actions{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.status-pill{text-transform:uppercase;background:#333;border-radius:999px;padding:.2rem .5rem;font-size:.7rem}.status-pill.done{color:#7fdb96;background:#1f4d2c}.status-pill.pending{color:#f0c674;background:#4d3d1f}.pay-btn{color:#fff;background:#6739b7;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600}.undo-btn{color:#ccc;background:0 0;border:1px solid #444;border-radius:8px;padding:.4rem .8rem}.mark-done-btn{color:#7fdb96;background:#1f4d2c;border:none;border-radius:8px;padding:.5rem .9rem;font-weight:600}.confirm-bar{background:#222;border-radius:8px;align-items:center;gap:.6rem;margin-top:.75rem;padding:.5rem .75rem;font-size:.9rem;display:flex}.confirm-bar button{color:#fff;background:#333;border:none;border-radius:6px;padding:.3rem .7rem}.task-card-footer{gap:1rem;margin-top:.5rem;display:flex}.link-btn{color:#8ab4f8;background:0 0;border:none;padding:0;font-size:.85rem}.link-btn.danger{color:#e57373}.add-btn{color:#fff;width:100%;max-width:480px;padding:1.1rem 1rem calc(1.1rem + env(safe-area-inset-bottom));background:#6739b7;border:none;border-radius:16px 16px 0 0;margin:0 auto;font-size:1rem;font-weight:600;position:fixed;bottom:0;left:0;right:0}.task-form{flex-direction:column;gap:.9rem;display:flex}.task-form label{color:#aaa;flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.task-form input,.task-form select{color:#fff;background:#18181b;border:1px solid #333;border-radius:8px;padding:.6rem;font-size:1rem}.field-hint{color:#777;font-size:.75rem;font-weight:400}.form-actions{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.form-actions button[type=submit]{color:#fff;background:#6739b7;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600}.settings-panel section{margin-bottom:1.5rem}.settings-panel h3{margin-bottom:.4rem;font-size:1rem}.settings-panel button{color:#fff;background:#333;border:none;border-radius:8px;padding:.5rem 1rem}.hint{color:#888;font-size:.8rem}.diagnostics{color:#999;margin:.5rem 0 0;padding-left:1.1rem;font-size:.75rem}.error{color:#e57373}