@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fraunces:opsz,wght@9..144,600&display=swap";:root{color:#172a3a;--background-image:url(/assets/img/backgrounds/mexico.jpg);font-synthesis:none;background:#d9e5e1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}body:before{z-index:-1;background:linear-gradient(135deg, #0b2c3db8, #1c5b6240), var(--background-image) center / cover;content:"";position:fixed;inset:0}.app-shell{min-height:100vh;padding-bottom:100px}.topbar{color:#f6f1e9;letter-spacing:.02em;background:#0c2733d1;align-items:center;gap:12px;padding:22px clamp(20px,5vw,64px);display:flex}.brand-mark{color:#e3b873;letter-spacing:.08em;border:1px solid #e3b873;place-items:center;width:34px;height:34px;font-size:.7rem;font-weight:700;display:grid}.brand-name{font-weight:700}.brand-caption{color:#b5cbc6;margin-left:auto;font-size:.78rem}.timer-list{gap:20px;width:min(100% - 32px,880px);margin:38px auto;display:grid}.timer-card{background:#faf7eff2;overflow:hidden;box-shadow:0 16px 40px #0a222b33}.timer-card.is-expired{background:#faf7efbf}.timer-display{width:100%;color:inherit;text-align:center;background:0 0;border:0;padding:34px 22px 27px;display:block}.timer-card.is-expired .timer-display{padding-block:18px}.timer-card.is-expired .timer-display h1{margin-bottom:0}.timer-kicker,.eyebrow{color:#bc753d;letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:700;display:block}h1,h2{margin:8px 0 28px;font-family:Fraunces,serif;font-weight:600}.timer-display h1{font-size:clamp(2rem,6vw,3.8rem)}.date-container{grid-template-columns:repeat(auto-fit,minmax(75px,1fr));max-width:680px;margin:auto;display:grid}.time-unit{border-right:1px solid #d5d8cf;padding:0 8px}.time-unit:last-child{border:0}.time-value{font-size:clamp(1.7rem,4vw,2.7rem);font-weight:500;line-height:1;display:block}.time-label{color:#718181;letter-spacing:.12em;text-transform:uppercase;margin-top:9px;font-size:.68rem;font-weight:700;display:block}.empty-state{color:#f6f1e9;text-align:center;background:#0c2733b8;padding:74px 25px}.empty-state h1{margin-bottom:12px;font-size:clamp(2.3rem,7vw,4.5rem)}.empty-state p:last-child{color:#d7e1db}.add-button{color:#172a3a;background:#f6f1e9;border:1px solid #e3b873;border-radius:999px;padding:13px 19px;font-weight:700;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0003}.add-button span{color:#bc753d;vertical-align:-1px;margin-right:6px;font-size:1.3em}.settings-button{color:#f6f1e9;background:#214f59;border:1px solid #e3b873;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;font-size:1.35rem;display:grid;position:fixed;bottom:24px;left:24px;box-shadow:0 8px 24px #0003}.settings-layer{z-index:10;justify-content:flex-end;display:flex;position:fixed;inset:0}.settings-backdrop{background:#0c27337a;border:0;width:100%;position:absolute;inset:0}.settings-panel{overscroll-behavior:contain;color:#172a3a;background:#f6f1e9;flex-direction:column;width:min(100%,420px);min-height:100%;max-height:100%;padding:28px clamp(20px,5vw,36px);display:flex;position:relative;overflow-y:auto;box-shadow:-12px 0 32px #0a222b33}.settings-heading{justify-content:space-between;align-items:center;display:flex}.settings-heading h2{margin:0;font-size:2rem}.close-settings-button{color:#55706e;background:0 0;border:0;place-items:center;width:40px;height:40px;padding:0;font-size:2rem;line-height:1;display:grid}.account-sync{border-top:1px solid #d5d8cf;border-bottom:1px solid #d5d8cf;margin-top:24px;padding:22px 0}.account-sync .settings-section-title{margin-top:0}.account-email{color:#55706e;overflow-wrap:anywhere;margin:8px 0;font-size:.85rem}.google-signin-button{color:#214f59;background:#fffdf8;border:1px solid #214f59;width:100%;margin-top:12px;padding:11px 14px;font-weight:700}.google-signin-button:disabled{cursor:not-allowed;opacity:.58}.sync-status{color:#718181;margin:8px 0 0;font-size:.75rem}.sync-error{color:#a44836;overflow-wrap:anywhere;margin:8px 0 0;font-size:.8rem}.sync-loading{color:#f6f1e9;text-align:center;background:#0c2733b8;padding:24px}.settings-options{gap:22px;margin-top:32px;display:grid}.background-setting{border:0;padding:0}.background-setting legend{color:#55706e;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:.76rem;font-weight:700}.background-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.background-option{color:#55706e;text-transform:capitalize;gap:6px;font-size:.75rem;display:grid;position:relative}.background-option input{opacity:0;position:absolute}.background-option img{aspect-ratio:9/16;object-fit:cover;border:2px solid #0000;width:100%}.background-option input:checked+img{border-color:#e3b873}.background-option input:focus-visible+img{outline-offset:2px;outline:2px solid #214f59}.settings-section-title{color:#55706e;letter-spacing:.1em;text-transform:uppercase;margin:18px 0 0;font-family:DM Sans,sans-serif;font-size:.76rem;font-weight:700}.setting-option{color:#55706e;border-bottom:1px solid #d5d8cf;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;font-size:.9rem;font-weight:700;display:flex}.setting-option input{accent-color:#214f59;width:20px;height:20px}.restore-settings-button{color:#a44836;background:0 0;border:1px solid #a44836;margin-top:18px;padding:12px 16px;font-weight:700}.restore-settings-button:disabled{cursor:not-allowed;opacity:.58}.settings-version{color:#718181;text-align:center;margin:auto 0 0;padding-top:20px;font-size:.72rem}.app-update-notice{z-index:8;color:#172a3a;background:#f6f1e9;align-items:center;gap:14px;width:min(560px,100vw - 32px);padding:12px 14px 12px 18px;display:flex;position:fixed;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000003d}.app-update-notice p{flex:1;margin:0;font-size:.88rem;font-weight:700}.update-now-button{color:#f6f1e9;background:#214f59;border:0;padding:9px 13px;font-weight:700}.dismiss-update-button{color:#55706e;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;font-size:1.5rem;display:grid}.timer-form{padding:30px clamp(20px,5vw,55px)}.form-heading h2{margin-bottom:24px;font-size:2.2rem}.timer-form label{color:#55706e;letter-spacing:.1em;text-transform:uppercase;gap:7px;margin-bottom:18px;font-size:.76rem;font-weight:700;display:grid}.timer-form input{color:#172a3a;letter-spacing:0;background:#fffdf8;border:1px solid #bdc9c2;border-radius:2px;width:100%;padding:11px 12px;font-size:1rem}.timer-form input:focus{outline-offset:1px;outline:2px solid #e3b873}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-actions{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.form-actions button{color:#55706e;background:0 0;border:0;margin-left:8px;padding:9px 13px;font-weight:700}.form-actions .delete-button{color:#a44836;margin-left:0}.form-actions .save-button{color:#f6f1e9;background:#214f59}@media (width<=580px){.brand-caption{display:none}.timer-list{width:min(100% - 20px,880px);margin-top:20px}.timer-display{padding-inline:10px}.time-unit{padding:0 3px}.time-label{font-size:.58rem}.form-row{grid-template-columns:1fr;gap:0}.form-actions{align-items:flex-end}.form-actions button{margin-left:2px;padding-inline:7px}.add-button{bottom:16px;right:16px}.settings-button{bottom:16px;left:16px}}