:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#303a31;background:#f8f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #bb814f;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.app-shell{min-height:100vh}.topbar{height:82px;padding:0 7%;border-bottom:1px solid #e6e7de;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-family:Georgia,serif;font-weight:700;font-size:25px;letter-spacing:-1px}.brand-dot{color:#d28e63}.brand-mark{width:28px;height:28px;background:#647d68;border-radius:50%;display:grid;place-items:center}.brand-mark span{width:12px;height:12px;border:1px solid #fff;border-radius:50%;position:relative}.brand-mark span:after{content:"";position:absolute;width:1px;height:5px;background:#fff;left:5px;top:1px;transform:rotate(-35deg);transform-origin:bottom}.top-note,.eyebrow,.summary-end,.display-label,.event-number,footer{font-size:10px;font-weight:700;letter-spacing:.14em}.top-note{color:#92998b}.content{max-width:1080px;margin:auto;padding:75px 30px 0}.eyebrow{color:#879583;display:flex;align-items:center;gap:10px}.eyebrow-line{height:1px;width:27px;background:#9caf9b}.intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:15px 0 42px}.intro h1{font:normal clamp(48px,6vw,76px)/1 Georgia,serif;letter-spacing:-.045em;margin:0}.intro h1 em,.modal h2 em{color:#91a58c;font-weight:400}.intro p{color:#7b8377;margin:17px 0 0;font-size:15px}.primary{border:0;background:#4c6852;color:#fff;padding:15px 21px;border-radius:5px;font-weight:600;font-size:13px;min-height:48px}.primary:hover{background:#39553f}.add-button span{font-size:20px;vertical-align:-1px;margin-right:7px}.summary{background:#e9eee5;border:1px solid #e0e8dc;min-height:60px;display:flex;align-items:center;gap:13px;padding:0 20px;color:#536c55;font-size:13px}.summary-icon{font-size:21px;color:#849d81}.summary-end{margin-left:auto;color:#92a390;font-size:9px}.list-header{display:flex;justify-content:space-between;align-items:end;margin-top:51px;border-bottom:1px solid #dedfd5}.tabs{display:flex;gap:30px}.tab{border:0;background:none;color:#90978b;padding:0 0 17px;font-size:14px;font-weight:600;position:relative}.tab.active{color:#344a38}.tab.active:after{content:"";position:absolute;height:2px;background:#617e65;bottom:-1px;left:0;right:0}.tab span{font-size:10px;color:#91a38e;background:#edf0e9;border-radius:10px;padding:3px 7px;margin-left:5px}.display-label{color:#9a9f94;padding-bottom:12px;display:flex;align-items:center;gap:10px}.display-label select{border:1px solid #e2e4da;background:#f8f7f2;color:#596858;border-radius:4px;padding:7px 25px 7px 9px;font-size:12px;letter-spacing:0}.event-list{min-height:280px}.event-card{display:flex;align-items:center;gap:22px;border-bottom:1px solid #e4e5dc;padding:26px 0}.event-number{align-self:flex-start;color:#aab4a4;padding-top:6px}.event-info{min-width:0;flex:1}.event-info h2{font: 25px/1.2 Georgia,serif;margin:0;overflow-wrap:anywhere}.event-info p{font-size:13px;color:#8b9487;margin:8px 0}.event-actions{display:flex;gap:9px;color:#c1c8bb;font-size:12px}.event-actions button,.backup-actions button,.text-button{padding:2px 0;border:0;background:none;color:#708270;font-size:12px}.event-actions button:hover,.backup-actions button:hover,.text-button:hover{text-decoration:underline}.countdown{display:flex;gap:15px;align-items:center;text-align:center;min-width:155px;justify-content:flex-end}.unit{display:flex;flex-direction:column;min-width:48px}.unit strong{font: 37px/1 Georgia,serif;color:#5a755d}.unit span{font-size:9px;letter-spacing:.12em;color:#98a797;margin-top:7px;font-weight:700}.unit-separator{font:25px Georgia,serif;color:#d3dbce}.status{color:#8d9b88;font:italic 24px Georgia,serif}.status.today{color:#59765c}.status span{font: 16px sans-serif}.empty{text-align:center;padding:64px 10px 70px}.empty-symbol{color:#a5b9a0;font-size:30px}.empty h2{font: 25px Georgia,serif;margin:18px 0 10px}.empty p{font-size:13px;color:#8a9386;margin:0}.empty-action{margin-top:22px;background:none;border:0;color:#607d62;font-weight:600;font-size:13px}.empty-action span{margin-left:5px}.message{margin-top:20px;padding:13px 16px;background:#e9eee5;color:#405c44;font-size:13px}.message.error{background:#f6e8e2;color:#8b4f42}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e3e5db;padding:26px 0 40px;color:#a3aa9d;font-size:9px}.footer-star{font-size:16px;color:#a2b49d;margin-right:5px}.backup-actions{display:flex;gap:10px;align-items:center;letter-spacing:0}.backup-actions button{font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#1f2b216b;display:grid;place-items:center;padding:20px;z-index:2}.modal{width:min(100%,470px);background:#fbfaf6;padding:30px;border-radius:6px;box-shadow:0 20px 70px #27342a30}.modal-heading{display:flex;justify-content:space-between;align-items:start}.modal h2{font: 38px Georgia,serif;letter-spacing:-.03em;margin:12px 0 27px}.close{border:0;background:none;color:#8b9788;font-size:28px;line-height:1}.modal form label{display:block;text-transform:uppercase;color:#71816f;letter-spacing:.1em;font-size:10px;font-weight:700;margin-bottom:19px}.modal input{display:block;width:100%;border:1px solid #dce1d7;background:#fff;color:#303a31;border-radius:4px;padding:13px;margin-top:8px;font-size:16px;text-transform:none;letter-spacing:0}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:27px}.cancel{background:none;border:0;color:#71816f;font-size:13px}.form-error{color:#a24939;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.topbar{height:68px;padding:0 22px}.top-note,.summary-end{display:none}.content{padding:53px 22px 0}.intro{align-items:flex-start;flex-direction:column;margin-bottom:32px}.intro h1{font-size:52px}.intro p{margin-top:12px}.add-button{margin-top:3px}.list-header{margin-top:38px;align-items:center}.tabs{gap:15px}.tab{font-size:13px}.display-label{font-size:0}.display-label select{font-size:12px}.event-card{gap:11px;padding:22px 0}.event-number{font-size:9px}.event-info h2{font-size:21px}.countdown{min-width:102px;gap:7px}.unit{min-width:37px}.unit strong{font-size:30px}.unit span{font-size:8px}.unit-separator{font-size:19px}footer{flex-direction:column}}input,select,textarea,.display-label select{font-size:max(16px,1em)}
