:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f2f7;--bg-elevated:#fff;--text:#1c1c1e;--text-secondary:#3a3a3c;--text-muted:#8e8e93;--accent:#64b5f6;--accent-strong:#007aff;--accent-soft:#e8f4ff;--danger:#ff3b30;--danger-soft:#ffe5e3;--separator:#3c3c431f;--separator-opaque:#c6c6c8;--shadow:0 8px 24px #0000000f;--shadow-soft:0 2px 8px #0000000a;--radius-lg:1.25rem;--radius-md:.85rem;--radius-sm:.65rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*,:after,:before{box-sizing:border-box}#__nuxt,body,html{overscroll-behavior:none;background:var(--bg);height:100dvh;max-height:100dvh;overflow:hidden}body{background:var(--bg);width:100%;color:var(--text);touch-action:manipulation;margin:0;position:fixed;inset:0}#__nuxt{height:100%;overflow:hidden}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.page{overscroll-behavior:none;-webkit-overflow-scrolling:touch;flex-direction:column;max-width:40rem;height:100%;max-height:100%;margin:0 auto;padding:.75rem 1rem 1.25rem;display:flex;overflow:hidden auto}.top-bar{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;margin-bottom:.25rem;display:flex}.nav-title{letter-spacing:-.01em;color:var(--text);font-size:1.05rem;font-weight:600}.icon-btn{width:2.5rem;height:2.5rem;color:var(--accent-strong);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#7676801f;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background .15s,transform .12s;display:inline-flex}.icon-btn:focus-visible,.icon-btn:hover{background:#76768033;outline:none}.icon-btn:active{transform:scale(.96)}.icon-btn svg{width:1.25rem;height:1.25rem}.icon-btn.back{color:var(--accent-strong);background:0 0;gap:.1rem;width:auto;min-width:2.5rem;padding:0 .35rem;font-size:1.05rem;font-weight:400}.page-hero{margin:.5rem 0 1.25rem}.page-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,6vw,2.15rem);font-weight:700;line-height:1.15}.page-hero p{color:var(--accent);margin:.35rem 0 0;font-size:.98rem;font-weight:500}.page--home{overscroll-behavior:none;touch-action:manipulation;position:relative;overflow:hidden}.page--home .top-bar{z-index:3;position:relative}.page--home .center-stage{flex:1;gap:0;min-height:0;padding:0;display:block;position:relative}.page--home .timer-btn{z-index:2;position:absolute;top:50%;left:50%;translate:-50% -50%}.page--home .timer-btn:focus-visible,.page--home .timer-btn:hover{transform:scale(1.02)}.page--home .timer-btn:active{transform:scale(.97)}.page--home .recent-fade{z-index:1;width:min(100%,22rem);height:min(28vh,12rem);min-height:0;max-height:none;position:absolute;top:calc(50% + min(31vw,8.75rem) + 1.1rem);left:50%;translate:-50%}.page--home .status-line{z-index:3;margin-top:0;position:relative}.center-stage{flex:1;justify-content:flex-start;gap:1.5rem;min-height:0;padding-top:clamp(.5rem,4vh,2rem)}.center-stage,.timer-btn{flex-direction:column;align-items:center;display:flex}.timer-btn{aspect-ratio:1;background:var(--accent);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;gap:.4rem;width:min(62vw,17.5rem);transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 12px 32px #64b5f659,0 2px 8px #0000000f}.recent-fade{pointer-events:none;flex:1;width:min(100%,22rem);min-height:8rem;max-height:15rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000,#000 18%,#000000bf 40%,#00000059 68%,#0000);mask-image:linear-gradient(#000,#000 18%,#000000bf 40%,#00000059 68%,#0000)}.recent-row{border-bottom:1px solid var(--separator);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .15rem;display:flex}.recent-row:last-child{border-bottom:none}.recent-main{flex-direction:column;gap:.12rem;min-width:0;display:flex}.recent-main strong{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.recent-main .muted{font-size:.82rem}.recent-duration{font-variant-numeric:tabular-nums;color:var(--text-secondary);flex-shrink:0;font-size:.9rem;font-weight:600}.timer-btn:focus-visible,.timer-btn:hover{outline:none;transform:scale(1.02)}.timer-btn:active{transform:scale(.97)}.timer-btn.is-running{background:#4aa3e8;box-shadow:0 14px 36px #4aa3e866,0 2px 8px #0000000f}.timer-btn:disabled{opacity:.7}.timer-label{letter-spacing:-.02em;font-size:clamp(2rem,8vw,2.75rem);font-weight:700}.timer-hint{letter-spacing:-.015em;text-align:center;padding:0 1.1rem;font-size:clamp(1rem,4.2vw,1.25rem);font-weight:650;line-height:1.25}.timer-display{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:clamp(1.55rem,6.5vw,2.2rem);font-weight:700}.timer-stop{opacity:.92;letter-spacing:.04em;font-size:.9rem;font-weight:600}.panel{background:var(--bg-elevated);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-soft);padding:.25rem 1rem}.panel.padded{padding:1.15rem 1.1rem}.panel h1,.panel-title{letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.field{border-bottom:1px solid var(--separator);flex-direction:column;gap:.35rem;padding:.85rem 0;display:flex}.field:last-of-type{border-bottom:none}.field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:500}.field input,.field select{border-radius:var(--radius-sm);background:var(--bg);color:var(--text);border:none;outline:none;padding:.85rem .9rem}.field input:focus,.field select:focus{box-shadow:0 0 0 3px #007aff33}.danger-btn,.ghost-btn,.primary-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:980px;padding:.8rem 1.2rem;font-weight:600}.primary-btn{background:var(--accent-strong);color:#fff}.primary-btn:focus-visible,.primary-btn:hover{filter:brightness(1.05);outline:none}.primary-btn:disabled{opacity:.55}.ghost-btn{color:var(--accent-strong);background:#7676801f}.danger-btn{background:0 0;padding:.4rem .55rem;font-size:.9rem;font-weight:500}.danger-btn,.error{color:var(--danger)}.error{margin:.65rem 0 0;font-size:.92rem}.muted{color:var(--text-muted)}.segmented{background:#7676801f;border-radius:.7rem;grid-template-columns:repeat(3,1fr);gap:.15rem;margin:.85rem 0 1.1rem;padding:.2rem;display:grid}.segmented-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:.55rem;padding:.45rem .35rem;font-size:.86rem;font-weight:600;transition:background .15s,box-shadow .15s}.segmented-btn.active{background:var(--bg-elevated);color:var(--text);box-shadow:0 1px 3px #00000014}.segmented-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:1px}.period-card{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);margin-bottom:.85rem;padding:1rem 1rem .35rem}.period-header{border-bottom:1px solid var(--separator);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-bottom:.85rem;padding-bottom:.75rem;display:flex}.period-title{letter-spacing:-.015em;color:var(--text);font-size:1.02rem;font-weight:650}.period-totals{text-align:right;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.92rem}.period-totals .cost{color:var(--accent-strong);font-weight:600}.timeline{padding:.15rem 0 .5rem;position:relative}.timeline-item{grid-template-columns:3.4rem 1rem 1fr auto;align-items:start;gap:.55rem;padding:.55rem 0;display:grid;position:relative}.timeline-time{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;padding-top:.15rem;font-size:.78rem}.timeline-rail{justify-content:center;min-height:100%;display:flex;position:relative}.timeline-rail:before{content:"";background:var(--separator-opaque);border-radius:999px;width:2px;position:absolute;top:.35rem;bottom:-.9rem}.timeline-item:last-child .timeline-rail:before{height:0;bottom:auto}.timeline-dot{background:var(--accent);z-index:1;width:.55rem;height:.55rem;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;margin-top:.35rem}.timeline-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.timeline-body strong{letter-spacing:-.01em;font-size:.98rem;font-weight:600}.timeline-body .muted{font-size:.86rem}.actions-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.status-line{min-height:1.35rem;margin:.5rem 0 0;font-size:.92rem}.empty-state,.status-line{text-align:center;color:var(--text-muted)}.empty-state{padding:2.5rem 1rem}.login-wrap{justify-content:center}.login-card{background:var(--bg-elevated);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow);padding:1.5rem 1.25rem}.login-card h1{letter-spacing:-.03em;margin:0;font-size:1.75rem;font-weight:700}.login-card .lead{color:var(--text-muted);margin:.4rem 0 0}.pwa-banner[data-v-cd988981]{z-index:50;pointer-events:none;padding:.85rem 1rem;position:fixed;bottom:0;left:0;right:0}.pwa-banner-card[data-v-cd988981]{pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #3c3c431f;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;max-width:40rem;margin:0 auto;padding:.95rem 1rem;display:flex;box-shadow:0 10px 30px #0000001f}.pwa-banner-text[data-v-cd988981]{flex:12rem;min-width:0}.pwa-banner-text strong[data-v-cd988981]{letter-spacing:-.01em;margin-bottom:.2rem;font-size:1rem;display:block}.pwa-banner-text p[data-v-cd988981]{color:#8e8e93;margin:0;font-size:.88rem;line-height:1.35}.pwa-share[data-v-cd988981]{vertical-align:-3px;color:#007aff;margin:0 .15rem;display:inline-flex}.pwa-banner-actions[data-v-cd988981]{flex-shrink:0;gap:.5rem;display:flex}.pwa-btn[data-v-cd988981]{padding:.55rem .9rem;font-size:.9rem}