:root{font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;color:#20231f;background:#f7f8f5;font-synthesis:none;letter-spacing:0;--accent:#e85d3f;--ink:#20231f;--muted:#767c74;--line:#e1e4dd}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--line);background:#f7f8f5eb;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-size:18px}.brand-mark{width:34px;height:34px;background:var(--accent);color:#fff;display:grid;place-items:center;border-radius:7px;font-weight:800}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#656b63;border-radius:6px}.icon-button:hover{background:#eaede7;color:var(--ink)}.icon-button svg{width:20px}.account-area{display:flex;align-items:center;gap:10px}.account-area>span{font-size:13px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis}.small-button{min-height:36px;padding:0 12px;font-size:12px}.auth-view{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:42px 20px;background:linear-gradient(145deg,#f7f8f5,#eef0e9)}.auth-view[hidden]{display:none}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);padding:40px;box-shadow:0 22px 70px #2a2f2814}.auth-brand{margin-bottom:35px}.auth-eyebrow{font-size:11px;font-weight:800;color:var(--accent);letter-spacing:.12em}.auth-card h1{font:600 35px Georgia,"Noto Serif SC",serif;margin:8px 0 10px}.auth-card>p:not(.auth-eyebrow){color:var(--muted);font-size:14px;line-height:1.6}.auth-submit{width:100%;margin-top:8px}.text-button{width:100%;border:0;background:transparent;color:var(--accent);padding:17px 5px 8px;font-weight:700}.auth-note{text-align:center;border-top:1px solid var(--line);padding-top:18px;margin-top:16px!important;font-size:12px!important}main[hidden]{display:none}main{max-width:1080px;margin:auto;padding:0 24px 70px}.intro{padding:68px 0 60px;border-bottom:1px solid var(--line);position:relative}.intro>p{color:var(--accent);font-size:13px;font-weight:700;margin:0 0 17px}.intro h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(38px,5vw,62px);line-height:1.18;font-weight:600;margin:0;max-width:800px}.intro .primary-button{position:absolute;right:0;bottom:66px}.primary-button,.secondary-button{min-height:46px;border-radius:6px;padding:0 18px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:#d94e33}.primary-button svg{width:18px}.secondary-button{background:#fff;border-color:var(--line);color:var(--ink)}.content{padding-top:40px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-size:20px;margin:0}.section-heading span{font-size:13px;color:var(--muted)}.event-list{display:grid;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.event-card{min-height:126px;background:#f7f8f5;display:grid;grid-template-columns:72px minmax(0,1fr) 130px 40px;align-items:center;gap:22px;padding:22px 14px;position:relative}.event-card:hover{background:#fff}.event-date{height:72px;border:1px solid #d8dcd4;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:uppercase;color:var(--muted);font-size:11px}.event-date span{font:600 27px Georgia,serif;color:var(--ink);line-height:1.1}.event-info{min-width:0}.event-info h3{font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}.event-info p{font-size:13px;color:var(--muted);margin:0}.reminders{display:flex;align-items:center;gap:6px;font-size:12px;color:#8a6748;margin-top:10px}.reminders svg{width:14px}.day-count{text-align:right;display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:7px;color:var(--muted);font-size:13px}.day-count strong{font:600 43px Georgia,serif;color:var(--accent);line-height:1}.menu-button{justify-self:end}.empty-state{text-align:center;padding:80px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.empty-state[hidden]{display:none}.empty-icon{width:62px;height:62px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;color:var(--accent)}.empty-state h3{margin:0 0 7px}.empty-state p{margin:0;color:var(--muted);font-size:14px}dialog{width:min(520px,calc(100% - 32px));padding:0;border:0;border-radius:8px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #1c1f1b33}dialog::backdrop{background:#1f231e75;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog form{padding:28px}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:27px}.dialog-heading span{color:var(--accent);font-size:11px;font-weight:800;text-transform:uppercase}.dialog-heading h2{margin:5px 0 0;font-size:24px}label{display:block;font-size:13px;font-weight:700;margin:18px 0}input{display:block;width:100%;height:48px;padding:0 13px;margin-top:8px;border:1px solid #d9ddd5;border-radius:5px;background:#fafbf9;color:var(--ink);outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e85d3f1a}.optional{float:right;color:var(--muted);font-weight:400}.field-note{display:flex;gap:7px;align-items:flex-start;color:var(--muted);font-size:12px;line-height:1.5}.field-note svg{width:15px;flex:none}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:27px;padding-top:20px;border-top:1px solid var(--line)}.action-spacer{flex:1}.delete-button{min-height:46px;border:0;background:transparent;color:#b43e2a;display:flex;align-items:center;gap:7px;padding:0 8px;font-weight:700}.delete-button:hover{background:#fff1ed}.delete-button svg{width:17px}.delete-button[hidden]{display:none}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#262a25;color:#fff;padding:11px 18px;border-radius:5px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:100}.toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:720px){.topbar{height:62px;padding:0 18px}main{padding:0 18px 50px}.intro{padding:43px 0 34px}.intro h1{font-size:38px}.intro .primary-button{position:static;margin-top:28px}.content{padding-top:30px}.event-card{grid-template-columns:58px minmax(0,1fr) 38px;gap:14px;padding:18px 4px;min-height:110px}.event-date{height:62px}.day-count{grid-column:2/3;text-align:left;justify-content:start;margin-top:-10px}.day-count strong{font-size:34px}.menu-button{grid-column:3;grid-row:1/3}.event-info h3{font-size:16px}.reminders{white-space:normal}.dialog-actions .primary-button,.dialog-actions .secondary-button{flex:1}.action-spacer{display:none}dialog form{padding:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}