body{background:linear-gradient(#0d1720e8,#0d1720e8),url("proud-mary-card.png") center top/cover fixed no-repeat}:root{font-family:Inter,system-ui,sans-serif;color:#eef5f6;background:#0d1720;--card:#142733;--line:#29404a;--accent:#f3b24b;--muted:#a9bec3}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(#0d1720b8,#0d1720b8),url("proud-mary-card.png") center top/cover fixed no-repeat;font-size:16px}header{display:flex;justify-content:space-between;align-items:center;padding:18px max(18px,calc((100% - 760px)/2));border-bottom:1px solid #213944;position:sticky;top:0;background:#0d1720eF;backdrop-filter:blur(12px);z-index:2}.brand{display:flex;gap:11px;align-items:center}.brand h1{font-size:18px;margin:0}.brand p{margin:2px 0 0;color:var(--muted);font-size:12px}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);color:#17242a;font-weight:800}.ghost,.secondary{border:1px solid var(--line);background:transparent;color:#eef5f6;border-radius:10px;padding:10px 12px;font:inherit}.ghost:hover,.secondary:hover{border-color:var(--accent)}main{max-width:760px;margin:auto;padding:24px 18px 95px}.hero{padding:8px 0 20px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.hero h2{font-size:clamp(28px,7vw,44px);line-height:1.05;margin:8px 0}.hero p:not(.eyebrow){color:var(--muted);margin:0 0 18px}.name-row{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;margin-top:10px}.name-row input{background:var(--card);color:#fff;border:1px solid var(--line);border-radius:8px;padding:9px;flex:1;max-width:260px}.date-row{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px}.date-row input{background:var(--card);color:#fff;border:1px solid var(--line);border-radius:8px;padding:9px}.tabs{display:flex;gap:8px;overflow:auto;padding:4px 0 16px;scrollbar-width:none}.tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:#d9e7e8;padding:11px 14px;border-radius:999px;font:inherit}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#17242a;font-weight:700}.section{background:transparent;border:1px solid var(--line);border-radius:16px;margin:12px 0;overflow:hidden}.section h3{font-size:17px;margin:0;padding:16px;border-bottom:1px solid var(--line)}.task{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid #203741;align-items:flex-start}.task:last-child{border-bottom:0}.task input{accent-color:var(--accent);width:20px;height:20px;flex:none}.task.done span{text-decoration:line-through;color:#7f969b}.initials{width:44px;margin-left:auto;background:#0e1c24;color:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 5px;text-align:center;text-transform:uppercase;font:inherit}.initials::placeholder{color:#789096;text-transform:none}.progress{color:var(--muted);font-size:13px;padding:12px 16px;background:transparent}footer{position:fixed;bottom:0;left:0;right:0;padding:12px max(18px,calc((100% - 760px)/2));background:transparent;border-top:1px solid var(--line);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.secondary{font-size:13px;padding:8px 10px}.submit{font:inherit;font-weight:700;background:var(--accent);color:#17242a;border:0;border-radius:10px;padding:10px 13px}.import{cursor:pointer}.import input{display:none}#saved{font-size:12px;color:var(--muted);margin-left:auto}@media(max-width:560px){header{padding:14px 16px}.ghost{font-size:13px}footer{justify-content:center}#saved{width:100%;text-align:center;margin:0}}