@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/dm-sans-latin-ext-300-normal-WGwOtXxi.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-300-normal-COYJju1g.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/dm-sans-latin-300-normal-C46oWILc.woff2) format("woff2"),url(/assets/dm-sans-latin-300-normal-CsNfKS1n.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2) format("woff2"),url(/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2) format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:DM Sans,sans-serif;font-size:15px;line-height:1.5;text-wrap:pretty;background:var(--bg);color:var(--text);transition:background .2s,color .2s}:root,[data-theme=areia]{--bg: #f2ebe0;--surface: #faf6ef;--surface2: #f5efe4;--border: #e5dac8;--text: #2a2018;--muted: #8a7a68;--subtle: #b8a890}[data-theme=nevoa]{--bg: #e8eff0;--surface: #f4f8f8;--surface2: #ebf1f2;--border: #d0dee0;--text: #182228;--muted: #5a7880;--subtle: #90b0b8}[data-theme=crepusculo]{--bg: #1a1820;--surface: #23212c;--surface2: #1e1c26;--border: #333048;--text: #e8e2f0;--muted: #9888b0;--subtle: #6a5e80}:root{--accent: #7a9e82}.page{max-width:1080px;margin:0 auto;padding:48px 28px 100px}@media(max-width:600px){.page{padding-bottom:88px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px}.card-sm{padding:20px 24px}@media(max-width:600px){.card{padding:20px 24px}}.label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.big-number{font-size:clamp(52px,8vw,80px);font-weight:300;line-height:1;letter-spacing:-.03em;color:var(--text)}.friendly-phrase{font-size:17px;font-weight:400;color:var(--muted);margin-top:8px}.header-section{margin-bottom:48px}.header-inner{display:flex;flex-direction:column;gap:20px}.hours-block{display:flex;flex-direction:column}.progress-meta{display:flex;justify-content:space-between;align-items:baseline}.progress-bar-track{height:8px;background:var(--surface2);border-radius:99px;overflow:hidden;border:1px solid var(--border)}.progress-bar-fill{height:100%;border-radius:99px;transition:width .6s ease;background:linear-gradient(90deg,#7a9e82,#6a8dae 55%,#c2896a)}.progress-label{font-size:13px;color:var(--muted)}.progress-value{font-size:15px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.goal-btn{font-size:13px;color:var(--muted);background:none;border:none;cursor:pointer;padding:0;font-family:inherit;text-decoration:underline dotted;text-underline-offset:2px;transition:color .15s}.goal-btn:hover{color:var(--text)}.goal-input{font-size:13px;color:var(--text);background:var(--surface2);border:1px solid var(--accent);border-radius:4px;padding:2px 6px;font-family:inherit;font-variant-numeric:tabular-nums;outline:none;min-width:4ch;max-width:10ch;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.goal-input::-webkit-outer-spin-button,.goal-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.date-input{font-size:13px;color:var(--text);background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-family:inherit;outline:none;min-width:110px;cursor:pointer;transition:all .15s}.date-input:focus{border-color:var(--accent)}.date-input:hover{border-color:var(--subtle)}.toggle-group{display:flex;gap:2px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:3px}.toggle-btn{padding:5px 14px;border:none;background:none;border-radius:6px;font-family:inherit;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s}.toggle-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.nav-group{display:flex;align-items:center;gap:12px}.nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;transition:all .15s}.nav-btn:hover:not(:disabled){background:var(--surface);color:var(--text);border-color:var(--subtle)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-label{font-size:13px;font-weight:500;color:var(--text);min-width:100px;text-align:center;text-transform:capitalize}.divider{height:1px;background:var(--border);margin:40px 0}.section-gap{margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.person-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;margin-top:12px}@media(max-width:720px){.person-grid{grid-template-columns:1fr}}.person-card{display:flex;flex-direction:column;gap:20px}.person-card-header{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;flex-shrink:0}.person-name{font-size:16px;font-weight:500}.person-hours{font-size:28px;font-weight:300;letter-spacing:-.02em;line-height:1}.person-hours span{font-size:14px;font-weight:400;color:var(--muted);margin-left:3px}.person-empty{font-size:13px;color:var(--subtle);font-style:italic}.goal-bar-wrap{display:flex;flex-direction:column;gap:5px;margin-top:8px}.goal-bar-track{height:6px;background:var(--surface2);border-radius:99px;overflow:hidden;border:1px solid var(--border)}.goal-bar-fill{height:100%;border-radius:99px;transition:width .5s ease}.goal-bar-meta{display:flex;justify-content:space-between;align-items:center}.goal-edit-btn{background:none;border:none;font-family:inherit;font-size:11px;color:var(--subtle);cursor:pointer;padding:0;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.goal-edit-btn:hover{color:var(--muted)}.goal-inline-input{width:44px;background:var(--surface2);border:1px solid var(--accent);border-radius:4px;padding:1px 4px;font-family:inherit;font-size:11px;color:var(--text);outline:none;text-align:center;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.goal-inline-input::-webkit-outer-spin-button,.goal-inline-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.milestone-list{display:flex;flex-direction:column;gap:12px}.milestone-item{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:var(--surface2);border:1px solid var(--border);border-radius:10px}.milestone-icon{font-size:18px;flex-shrink:0;line-height:1.4}.milestone-text{font-size:14px;color:var(--muted);line-height:1.5}.milestone-text strong{color:var(--text);font-weight:500}.tooltip{position:fixed;z-index:1000;background:var(--text);color:var(--surface);font-size:12px;padding:6px 10px;border-radius:8px;pointer-events:none;white-space:nowrap;transform:translate(-50%,-110%);line-height:1.5}.fab{position:fixed;bottom:32px;right:32px;z-index:200;width:40px;height:40px;border-radius:50%;background:var(--surface);color:var(--text);border:1px solid var(--border);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000001a;transition:transform .2s,box-shadow .2s}.fab:hover{transform:scale(1.08);box-shadow:0 4px 20px #00000024}.fab.open{transform:rotate(45deg)}.fab.open:hover{transform:rotate(45deg) scale(1.08)}@media(max-width:600px){.fab{bottom:80px}}.timer-link-btn{display:block;margin:10px auto 0;background:none;border:none;font-size:11px;color:var(--subtle);cursor:pointer;font-family:inherit}.timer-link-btn:hover{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#00000047;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .18s ease}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;width:100%;max-width:580px;max-height:calc(100dvh - 48px);overflow-x:hidden;overflow-y:auto;box-sizing:border-box;box-shadow:0 16px 48px #00000024;animation:slideUp .22s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:18px;font-weight:500}.modal-close{background:var(--surface2);border:1px solid var(--border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--muted);transition:background .15s}.modal-close:hover{background:var(--border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.share-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease}.share-cta:hover{background:var(--surface2)}.share-cta:disabled{opacity:.5;cursor:default}@keyframes shareSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1 / -1}.form-label{font-size:12px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.form-label-hint{font-style:italic;text-transform:none;letter-spacing:0}.form-control{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px;color:var(--text);outline:none;transition:border-color .15s}.form-control:focus{border-color:var(--accent)}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.btn-submit{grid-column:1 / -1;background:var(--text);color:var(--surface);border:none;border-radius:10px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s,background .3s}.btn-submit:hover{opacity:.85}.btn-submit.success{background:var(--accent)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,var(--border) 50%,var(--surface2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite;border-radius:8px}.custom-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.custom-scroll::-webkit-scrollbar{width:6px;height:6px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:var(--subtle)}.streak-container{display:flex;justify-content:flex-start;margin-top:10px}.streak-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);padding:4px 10px;border-radius:20px;border:1px solid var(--border);font-size:12px;transition:all .2s ease}.streak-badge:hover{border-color:#ff8c42;transform:translateY(-1px)}.streak-icon{font-size:13px;filter:drop-shadow(0 0 4px rgba(255,140,66,.4))}.streak-count{font-weight:700;color:var(--text)}.streak-label{color:var(--muted)}.tab-content{animation:tabFadeIn .22s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pawtip-root{position:relative;display:inline-block}.pawtip-bubble{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:0 10px 30px #00000029,0 2px 6px #0000000f;color:var(--text);animation:pawtipIn .34s cubic-bezier(.34,1.56,.64,1) both}.pawtip-eyebrow{display:flex;align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:6px}.pawtip-title{font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--text);margin:0 0 4px}.pawtip-text{font-size:13.5px;line-height:1.5;color:var(--muted);margin:0}.pawtip-text strong{color:var(--text);font-weight:600}.pawtip-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:12px}.pawtip-btn{border:none;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--surface);background:var(--text);padding:7px 14px;border-radius:10px;transition:opacity .15s,transform .12s}.pawtip-btn:hover{opacity:.9}.pawtip-btn:active{transform:scale(.97)}.pawtip-close{position:absolute;top:8px;right:8px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--subtle);cursor:pointer;border-radius:6px;transition:color .15s,background .15s;padding:0}.pawtip-close:hover{color:var(--text);background:var(--surface2)}.pawtip-paw{position:absolute;pointer-events:none;line-height:0}.pawtip-paw-img{display:block;filter:drop-shadow(0 4px 5px rgba(0,0,0,.2))}.pawtip-anchored{position:fixed;z-index:500;pointer-events:auto}@keyframes pawtipIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.pawtip-bubble{animation:none}}.top-bar{position:fixed;top:24px;right:28px;z-index:250;display:flex;gap:8px}@media(max-width:600px){.top-bar{display:none}}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:background .2s,border-color .2s,transform .2s}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle svg{transition:transform .4s ease}.theme-toggle:hover svg{transform:rotate(20deg)}._root_1hho3_9{position:relative;width:100%}._input_1hho3_15{display:flex;align-items:center;width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 36px 10px 14px;font-family:inherit;font-size:14px;color:var(--text);outline:none;transition:border-color .15s}._input_1hho3_15::placeholder{color:var(--muted)}._input_1hho3_15:focus-visible,._input_1hho3_15[data-state=open]{border-color:var(--accent)}._icon_1hho3_39{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:inline-flex;flex-shrink:0;color:var(--muted);pointer-events:none;transition:transform .18s ease}._root_1hho3_9[data-state=open] ._icon_1hho3_39{transform:translateY(-50%) rotate(180deg)}._content_1hho3_55{z-index:1100;width:var(--radix-popover-trigger-width);max-height:min(280px,var(--radix-popover-content-available-height));background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014;overflow-y:auto;padding:6px;transform-origin:var(--radix-popover-content-transform-origin);animation:_comboboxIn_1hho3_1 .14s ease}._item_1hho3_73{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}._item_1hho3_73[data-highlighted]{background:var(--surface2)}._createItem_1hho3_91{color:var(--accent);font-weight:500}._createItem_1hho3_91 ._createQuery_1hho3_96{color:var(--text)}._empty_1hho3_100{padding:9px 12px;font-size:13px;color:var(--muted);-webkit-user-select:none;user-select:none}@keyframes _comboboxIn_1hho3_1{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.timer-widget{position:fixed;bottom:32px;right:88px;z-index:300;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.timer-widget .drag-handle{opacity:0;transition:opacity .15s}.timer-widget:hover .drag-handle{opacity:1}@media(max-width:600px){.timer-widget{display:none}}.timer-idle-chip{display:flex;align-items:center;gap:8px;background:var(--text);color:var(--surface);border:none;border-radius:99px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;box-shadow:0 4px 20px #0000002e;transition:box-shadow .2s,opacity .15s}.timer-idle-chip:hover{opacity:.9;box-shadow:0 6px 28px #00000038}.timer-running-chip{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;box-shadow:0 2px 12px #0000001a;transition:box-shadow .2s}.timer-running-chip:hover{box-shadow:0 4px 20px #00000024}.timer-running-time{font-family:DM Mono,monospace}.timer-running-cat{color:var(--muted);font-size:12px}.timer-fab-mobile{display:none}@media(max-width:600px){.timer-fab-mobile{display:flex;position:fixed;bottom:80px;right:88px;z-index:200;width:56px;height:56px;border-radius:50%;background:var(--text);color:var(--surface);border:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 20px #0000002e;transition:transform .2s,box-shadow .2s}.timer-fab-mobile:hover{transform:scale(1.08);box-shadow:0 6px 28px #00000038}}.timer-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;width:300px;box-shadow:0 8px 32px #0000001f}.timer-display{font-size:52px;font-weight:300;letter-spacing:-.04em;font-family:DM Mono,monospace;text-align:center;line-height:1;margin:12px 0;color:var(--text);font-variant-numeric:tabular-nums}.timer-close{background:none;border:none;color:var(--subtle);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px}.timer-close:hover{color:var(--text)}.timer-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;display:inline-block}.timer-dot.pulse{animation:timerPulse 1.5s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.timer-action-btn{border:none;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .15s}.timer-action-btn:hover{opacity:.85}.timer-action-btn.primary{background:var(--text);color:var(--surface)}.timer-action-btn.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.timer-save-summary{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;background:var(--surface2);border:1px solid var(--border);border-radius:16px;padding:20px}.timer-save-time{font-size:32px;font-weight:300;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;flex-shrink:0;color:var(--text)}.timer-save-meta{display:flex;flex-direction:column;gap:2px}.timer-save-cat{font-size:14px;font-weight:500;color:var(--text)}.timer-save-sub,.timer-save-user{font-size:12px;color:var(--muted)}.timer-save-time span{font-size:16px;font-weight:400;color:var(--muted);margin-left:3px}.timer-fab-time{font-size:9px;font-family:DM Mono,monospace;font-variant-numeric:tabular-nums;line-height:1}.timer-sheet-backdrop{display:none}@media(max-width:600px){.timer-sheet-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .18s ease}}.timer-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--surface);border-radius:20px 20px 0 0;padding:12px 24px 40px;animation:slideUp .22s ease;box-shadow:0 -8px 40px #00000024}.timer-sheet-handle{width:36px;height:4px;border-radius:99px;background:var(--border);margin:0 auto 20px}.timer-mode-toggle{display:flex;background:var(--surface2);border-radius:8px;padding:3px;border:1px solid var(--border);gap:2px}.timer-mode-btn{flex:1;padding:7px 12px;font-size:13px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .15s;background:transparent;color:var(--muted);font-family:inherit}.timer-mode-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000014}.timer-time-collapsed{display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:13px;color:var(--muted);padding:8px 0 0;width:100%}.timer-time-val{font-family:DM Mono,monospace;font-size:13px;color:var(--text)}.timer-time-sep{color:var(--subtle)}.timer-time-unit{font-size:11px;color:var(--subtle);margin-left:2px}.timer-time-expanded{padding-top:10px}.timer-time-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.timer-time-title{font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.timer-time-close-btn{background:none;border:none;color:var(--subtle);cursor:pointer;padding:2px;line-height:1}.timer-time-close-btn:hover{color:var(--text)}.timer-time-fields{display:flex;gap:8px}.timer-time-field{display:flex;flex-direction:column;gap:6px;flex:1}.timer-time-field label{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center}.timer-time-field input{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:8px 6px;font-family:DM Mono,monospace;font-size:15px;color:var(--text);text-align:center;width:100%;box-sizing:border-box;outline:none;-moz-appearance:textfield}.timer-time-field input::-webkit-inner-spin-button,.timer-time-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.timer-time-field input:focus{border-color:var(--accent)}.timer-progress-arc{position:relative;margin:0 auto 12px}.timer-arc-track{stroke:var(--surface2)}.timer-arc-bar{transition:stroke-dashoffset .5s ease}.timer-arc-bar.focus{stroke:var(--text)}.timer-arc-bar.break{stroke:var(--accent)}.timer-arc-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-countdown{font-size:42px;font-weight:300;letter-spacing:-.04em;font-family:DM Mono,monospace;text-align:center;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.timer-countdown.break{color:var(--accent)}.timer-countdown.muted{color:var(--muted)}.timer-countdown-label{font-size:11px;color:var(--muted);margin-top:6px}.timer-round-indicator{display:flex;align-items:center;gap:6px;justify-content:center;margin-top:12px}.timer-round-dot{width:8px;height:8px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);transition:all .2s}.timer-round-dot.filled{background:var(--accent);border-color:var(--accent)}.timer-round-label{font-size:11px;color:var(--muted);margin-left:4px}.timer-break-chip{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid color-mix(in oklch,var(--accent),transparent 75%);border-radius:99px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:500;color:var(--accent);cursor:pointer;box-shadow:0 2px 12px #7a9e821f;transition:box-shadow .2s}.timer-break-chip:hover{box-shadow:0 4px 20px #7a9e822e}.timer-pomo-round-badge{font-size:10px;color:var(--subtle);background:var(--surface2);border:1px solid var(--border);border-radius:99px;padding:2px 6px;font-family:DM Mono,monospace}.timer-transition{text-align:center;padding:12px 0}.timer-transition-emoji{font-size:28px;margin-bottom:12px}.timer-transition-title{font-size:15px;font-weight:500;color:var(--text);margin-bottom:4px}.timer-transition-subtitle{font-size:13px;color:var(--muted)}.timer-transition-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:99px;padding:5px 12px;font-size:12px;color:var(--muted);margin:8px 0}.pomo-break-btn{width:100%;margin-top:16px;background:var(--accent)!important}.timer-cycle-stats{display:flex;gap:16px;justify-content:center;margin:14px 0}.timer-cycle-stat{text-align:center}.timer-cycle-stat-value{font-size:24px;font-weight:300;letter-spacing:-.02em;color:var(--text)}.timer-cycle-stat-label{font-size:10px;color:var(--muted);font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-top:2px}.timer-cycle-divider{width:1px;background:var(--border)}.timer-cycle-meta{font-size:12px;color:var(--muted);background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;text-align:left;margin-top:4px}.timer-chip-row{display:flex;align-items:center;gap:4px}.timer-pip-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;box-shadow:0 2px 8px #00000014;transition:color .15s,box-shadow .15s;flex-shrink:0}.timer-pip-btn:hover{color:var(--text);box-shadow:0 4px 16px #0000001f}.timer-pip-btn.active{background:var(--text);color:var(--surface);border-color:var(--text)}.timer-widget .timer-pip-btn{opacity:0;transition:opacity .15s,color .15s,box-shadow .15s}.timer-widget:hover .timer-pip-btn{opacity:1}.pip-root{font-family:var(--font-body, system-ui, -apple-system, sans-serif);background:var(--surface);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}.pip-root .timer-card{width:100%;max-width:300px;border:none;box-shadow:none;padding:22px 20px;display:flex;flex-direction:column;gap:16px}.pip-root .timer-card>*{margin:0!important}.pip-root.chip{padding:8px}.pip-root.chip .timer-running-chip,.pip-root.chip .timer-break-chip{max-width:100%}.pip-root.chip .timer-running-cat{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}._trigger_rykd1_1{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:8px 14px;font-family:inherit;font-size:14px;color:var(--text);cursor:pointer;outline:none;transition:border-color .15s}._trigger_rykd1_1:focus-visible,._trigger_rykd1_1[data-state=open]{border-color:var(--accent)}._icon_rykd1_23{display:inline-flex;flex-shrink:0;color:var(--muted)}._content_rykd1_29{z-index:1100;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014;overflow:hidden;animation:_selectIn_rykd1_1 .14s ease}._calendar_rykd1_42{--rdp-accent-color: var(--accent);--rdp-background-color: var(--surface2);--rdp-background-color-dark: var(--surface2);--rdp-outline: 2px solid var(--accent);--rdp-outline-selected: 2px solid var(--accent);--rdp-cell-size: 38px;--rdp-font-family: inherit;margin:0}._calendar_rykd1_42 .rdp-day{color:var(--text);border-radius:8px}._calendar_rykd1_42 .rdp-day_selected:not([disabled]),._calendar_rykd1_42 .rdp-day_selected:focus:not([disabled]),._calendar_rykd1_42 .rdp-day_selected:active:not([disabled]),._calendar_rykd1_42 .rdp-day_selected:hover:not([disabled]){background-color:var(--accent);color:#fff;font-weight:500}._calendar_rykd1_42 .rdp-day_outside{color:var(--muted);opacity:.5}._timeRow_rykd1_75{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:8px;border-top:1px solid var(--border)}._timeLabel_rykd1_84{font-size:13px;color:var(--muted)}._timeInput_rykd1_88{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-family:inherit;font-size:14px;color:var(--text);outline:none}._timeInput_rykd1_88:focus-visible{border-color:var(--accent)}@keyframes _selectIn_rykd1_1{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;z-index:200;background:var(--surface);border-top:1px solid var(--border)}@media(max-width:600px){.bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:0 8px}}.bottom-nav-tab{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:6px 24px;border-radius:10px;cursor:pointer;color:var(--subtle);transition:color .15s;font-family:inherit}.bottom-nav-tab.active{color:var(--accent)}.bottom-nav-tab svg{width:20px;height:20px}.bottom-nav-tab span{font-size:10px;font-weight:500;letter-spacing:.03em}.mode-toggle{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:250;display:flex;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px;box-shadow:0 2px 8px #0000000f}.mode-toggle-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;border:none;background:none;border-radius:7px;font-family:inherit;font-size:13px;color:var(--subtle);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.mode-toggle-btn.active{background:var(--surface2);color:var(--text)}.mode-toggle-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}@media(max-width:600px){.mode-toggle{top:16px}}.popover{position:absolute;top:calc(100% + 8px);left:0;background:var(--surface);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:220px;z-index:50;overflow:hidden;border:1px solid var(--border);animation:popIn .2s cubic-bezier(.2,0,0,1);transform-origin:top left}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.popover-header{padding:12px 16px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border)}.popover-list{list-style:none;padding:4px;margin:0}.popover-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;text-align:left;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:var(--text);border-radius:8px;cursor:pointer;transition:background .1s}.popover-item:hover{background:var(--bg)}.popover-item.active{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.popover-item-icon{display:flex;align-items:center;justify-content:center;width:20px;color:var(--text-muted)}.popover-divider{height:1px;background:var(--border);margin:4px}.popover-add{color:#7a9e82;font-weight:600}.popover-add:hover{opacity:.8}.modal-input-group{margin-bottom:16px;text-align:left}.modal-input-group label{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--text)}.modal-input-group p{font-size:13px;color:var(--text-muted);margin-bottom:10px;line-height:1.4}.modal-input-row{display:flex;gap:8px}.modal-input-row input{flex:1;background:var(--bg);border:1px solid var(--border);padding:10px 14px;border-radius:12px;font-size:15px;font-family:inherit;color:var(--text)}.modal-input-row input:focus{outline:none;border-color:var(--text-muted)}.modal-input-row button{padding:10px 20px;border-radius:999px;background:var(--text);color:var(--bg);border:none;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s;white-space:nowrap}.modal-input-row button:disabled{opacity:.5;cursor:not-allowed}.modal-divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:var(--text-muted);font-size:13px;font-weight:600;text-transform:uppercase}.modal-divider:before,.modal-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.modal-divider:before{margin-right:12px}.modal-divider:after{margin-left:12px}.dev-letter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000047;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:devLetterFade .18s ease}.dev-letter-box{width:100%;max-width:400px;max-height:calc(100dvh - 48px);overflow:hidden auto;background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:0 20px 56px #0000002e;animation:devLetterUp .34s cubic-bezier(.4,0,.2,1)}.dev-letter-photo-wrap{position:relative;background:var(--surface2);border-bottom:1px solid var(--border)}.dev-letter-photo{display:block;width:100%;height:210px;object-fit:cover}.dev-letter-photo--empty{display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle)}.dev-letter-photo-cap{position:absolute;left:14px;bottom:12px;padding:4px 9px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.02em;color:#faf6ef;background:#14100c6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:7px}.dev-letter-body{padding:22px 26px 26px}.dev-letter-eyebrow{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.dev-letter-paw{font-size:12px}.dev-letter-title{margin:0 0 14px;font-size:23px;font-weight:600;line-height:1.2;letter-spacing:-.015em;color:var(--text)}.dev-letter-para{margin:0 0 12px;font-size:14.5px;line-height:1.62;color:var(--muted)}.dev-letter-para strong{color:var(--text);font-weight:600}.dev-letter-para em{font-style:normal;color:var(--text);font-weight:500}.dev-letter-sign{display:flex;flex-direction:column;margin:20px 0 22px;font-size:16px;font-weight:500;font-style:italic;line-height:1.4;color:var(--text)}.dev-letter-sign-sub{margin-top:2px;font-size:12.5px;font-style:normal;font-weight:400;color:var(--subtle)}.dev-letter-btn{width:100%;padding:14px 24px;border:none;border-radius:12px;background:var(--text);color:var(--surface);font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .15s,transform .15s}.dev-letter-btn:hover{opacity:.9}.dev-letter-btn:active{transform:scale(.98)}@keyframes devLetterFade{0%{opacity:0}to{opacity:1}}@keyframes devLetterUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.feature-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:updatesFade .2s ease}.feature-modal-box{width:100%;max-width:440px;max-height:calc(100dvh - 48px);overflow:hidden auto;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:0 24px 64px #0003;animation:updatesUp .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes updatesFade{0%{opacity:0}to{opacity:1}}@keyframes updatesUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.feature-modal-header{padding:24px 24px 16px;text-align:center}.feature-modal-title{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.feature-modal-subtitle{margin:8px 0 0;font-size:15px;color:var(--muted)}.feature-modal-content{padding:0 24px}.feature-modal-footer{padding:24px;display:flex;justify-content:center}.feature-modal-btn{width:100%;padding:14px 24px;border:none;border-radius:12px;background:var(--text);color:var(--surface);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.feature-modal-btn:hover{opacity:.9}.feature-modal-btn:active{transform:scale(.98)}.feature-card{position:relative;border-radius:16px;overflow:hidden;background:var(--surface2);border:1px solid var(--border);margin-bottom:12px}.feature-card-img{background:linear-gradient(135deg,#e6f3ff,#cce6ff);display:flex;align-items:center;justify-content:center;overflow:hidden}.feature-card-img img{width:100%;height:100%;object-fit:cover}.feature-card-body{padding:16px}.feature-card-title{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text)}.feature-card-desc{margin:0;font-size:14px;color:var(--muted);line-height:1.4}.feature-steps{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}.feature-step{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text);background:var(--surface);padding:8px 12px;border-radius:8px;border:1px solid var(--border)}.feature-step-num{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--text);color:var(--surface);font-size:11px;font-weight:700;flex-shrink:0}.feature-card-note{margin-top:12px;padding:10px 12px;font-size:13px;color:var(--text);background:var(--surface);border:1px dashed var(--border);border-radius:8px;line-height:1.4;opacity:.9}