:root{color-scheme:dark;font-family:SF Pro Text,Segoe UI,sans-serif;background:#111;color:#f5f5f5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top,rgba(255,227,180,.08),transparent 35%),linear-gradient(180deg,#171717,#101010)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:24px 16px 40px}.phone-frame{width:min(100%,430px);margin:0 auto;padding:18px;border-radius:28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 60px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{margin-bottom:18px}.hero h1{margin:0 0 6px;font-size:1.4rem;line-height:1.1}.hero p,.meta-row,.status-line,.hint,.empty-state{margin:0;color:#ffffffad;font-size:.92rem;line-height:1.45}.stack{display:grid;gap:12px}.panel{padding:14px;border-radius:18px;background:#ffffff09;border:1px solid rgba(255,255,255,.08)}.inline-form,.toolbar{display:flex;gap:8px}.text-input{width:100%;min-height:44px;padding:0 14px;color:#f7f7f7;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;outline:none}.text-input:focus{border-color:#ffffff2e;box-shadow:0 0 0 3px #ffffff0f}.primary-button,.ghost-button,.icon-button{min-height:44px;border:none;border-radius:14px;transition:transform .14s ease,opacity .14s ease,background .14s ease}.primary-button{padding:0 16px;color:#111;font-weight:700;background:#f4e2ba}.ghost-button{padding:0 14px;color:#ffffffd6;background:#ffffff12}.icon-button{width:28px;min-height:28px;border-radius:999px;color:#ffffffe0;background:#ffffff0f}.primary-button:disabled,.ghost-button:disabled,.icon-button:disabled{opacity:.45;cursor:default}.todo-list{display:grid;gap:1px;overflow:hidden;border-radius:18px;background:#ffffff0f}.todo-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px 14px 14px 12px;background:#111111e0}.todo-row.is-pending{opacity:.82}.todo-title{font-size:.96rem;line-height:1.35;color:#ffffffeb}.check-button{width:24px;height:24px;padding:0;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:transparent}.meta-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.status-line{min-height:1.4em}.accent{color:#f4e2baf5}