html{background:#f6f7f9}body{min-width:320px;min-height:100vh}*{box-sizing:border-box}body{color:#15171a;background:#f6f7f9;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.center-screen,.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border:1px solid #e4e6ea;border-radius:24px;width:100%;max-width:440px;padding:36px}.logo{letter-spacing:-.8px;font-size:22px;font-weight:800}.auth-card h1{letter-spacing:-1.5px;margin:36px 0 10px;font-size:36px;line-height:1.05}.subtitle{color:#6e737b;margin-bottom:32px}label{margin:18px 0 8px;font-size:14px;font-weight:650;display:block}input,textarea{background:#fff;border:1px solid #dfe2e6;border-radius:12px;outline:none;width:100%;padding:13px 14px}input:focus,textarea:focus{border-color:#15171a}textarea{resize:vertical;min-height:100px}.primary,.secondary,.danger{border:0;border-radius:12px;padding:11px 16px;font-weight:650}.primary{color:#fff;background:#15171a}.secondary{color:#15171a;background:#eceef1}.danger{color:#b62929;background:#fff0f0}.auth-card .primary{width:100%;margin-top:24px}.link-button{color:#555b63;background:0 0;border:0;width:100%;margin-top:20px;display:block}.message{background:#f1f3f5;border-radius:10px;margin-top:18px;padding:12px;font-size:14px}.app{min-height:100vh}header{background:#fff;border-bottom:1px solid #e7e9ec;justify-content:space-between;align-items:center;height:78px;padding:0 32px;display:flex}.user-email{color:#777d85;margin-top:4px;font-size:12px}main{width:min(900px,100% - 40px);margin:0 auto;padding:64px 0}.hero{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.hero h1{letter-spacing:-2.5px;max-width:650px;margin:8px 0 0;font-size:clamp(36px,6vw,58px);line-height:.98}.eyebrow{letter-spacing:1.5px;color:#777d85;font-size:12px;font-weight:800}.add-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;margin-bottom:28px;padding:26px}.add-card h2{margin-top:0}.form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.items{gap:14px;display:grid}.item-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px}.item-main{justify-content:space-between;gap:20px;display:flex}.item-card h2{margin:5px 0 8px;font-size:22px}.category{color:#747a82;text-transform:uppercase;letter-spacing:.7px;font-size:12px;font-weight:750}.date{color:#5f656d}.notes{color:#737981;margin-bottom:0}.countdown{text-align:right;white-space:nowrap}.countdown strong{font-size:32px;display:block}.countdown span{color:#777d85;font-size:12px}.item-actions{border-top:1px solid #eceef0;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;display:flex}.empty{text-align:center;color:#70757d;background:#fff;border:1px dashed #d8dce0;border-radius:18px;padding:50px 24px}.empty h2{color:#15171a}@media (width<=640px){header{padding:0 18px}main{width:min(100% - 28px,900px);padding:40px 0}.hero{display:block}.hero h1{font-size:42px}.add-button{width:100%;margin-top:28px}.item-main{display:block}.countdown{text-align:left;margin-top:22px}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.auth-card{padding:26px 22px}}