:root{--color-bg: #f5f5f5;--color-text: #000000;--color-text-muted: #555555;--color-border: #cccccc;--color-border-light: #e0e0e0;--color-card-bg: #ffffff;--color-dot: rgba(0, 0, 0, .15);--color-dot-off: #d8d8d8;--color-alert: #d63c26;--font-display: "DotGothic16", monospace;--font-body: "JetBrains Mono", monospace;--max-width: 1000px;--header-height: 56px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .6s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(var(--color-dot) 1.5px,transparent 1.5px);background-size:24px 24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}[hidden]{display:none!important}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.1;letter-spacing:.02em}::selection{background-color:var(--color-text);color:var(--color-bg)}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-md)}.label{font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);line-height:1.4}.dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-text);flex:none}.dot--pulse{animation:dotPulse 2.5s ease-in-out infinite}.dot--alert{background-color:var(--color-alert)}.card{background-color:var(--color-card-bg);border:1px solid var(--color-border);padding:var(--space-md)}.header{position:sticky;top:0;z-index:10;height:var(--header-height);display:flex;align-items:center;background-color:#f5f5f5e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border-light)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:1.25rem;letter-spacing:.1em}.nav{display:flex;gap:var(--space-xs)}.nav__link{padding:var(--space-xs) var(--space-sm);border:1px solid transparent;font-size:.625rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);transition:color var(--transition-fast),border-color var(--transition-fast)}.nav__link[aria-current=page]{color:var(--color-text);border-color:var(--color-text)}.page{padding-block:var(--space-md) var(--space-xl);padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom))}.page__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg)}.page__title{font-size:clamp(1.75rem,5vw,2.5rem)}.timer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);min-height:calc(100svh - var(--header-height) - var(--space-xl));padding-block:var(--space-md)}.ring{--ring-size: min(340px, 80vw, 42svh);--ring-radius: calc(var(--ring-size) / 2 - 14px);position:relative;width:var(--ring-size);aspect-ratio:1;display:grid;place-items:center}.ring__dots{position:absolute;inset:0}.ring__dot{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background-color:var(--color-dot-off);transition:background-color var(--transition-base),transform var(--transition-base)}.ring__dot.is-on{background-color:var(--color-text)}.ring__dot.is-head{transform:scale(1.9)}.is-allowed .ring__dot{background-color:var(--color-text);animation:ringPulse 2.4s ease-in-out infinite}.is-allowed .ring__dot.is-head{transform:none}.ring__face{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center;z-index:1;max-width:calc(var(--ring-size) * .74);text-wrap:balance}.ring__state{display:flex;align-items:center;gap:var(--space-sm)}.ring__time{font-family:var(--font-display);font-size:clamp(2.75rem,13vw,4rem);line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums}.is-allowed .ring__time{font-size:clamp(2rem,9vw,3rem)}.ring__sub{font-size:.625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted)}.smoke-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-width:min(340px,80vw);min-height:60px;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-text);background-color:var(--color-text);color:var(--color-bg);font-family:var(--font-display);font-size:1.125rem;letter-spacing:.15em;text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-fast)}.smoke-btn:active{transform:scale(.985)}.smoke-btn[disabled]{opacity:.5;pointer-events:none}.smoke-btn--early{border-color:var(--color-alert);background-color:transparent;color:var(--color-alert)}.undo{display:inline-block;padding:var(--space-sm) var(--space-md);font-size:.625rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.undo span{border-bottom:1px solid var(--color-border)}@media (hover: hover){.smoke-btn:hover{background-color:transparent;color:var(--color-text)}.smoke-btn--early:hover{background-color:var(--color-alert);color:var(--color-bg)}.undo:hover{color:var(--color-alert)}.undo:hover span{border-color:var(--color-alert)}.nav__link:hover{color:var(--color-text)}.btn:hover{background-color:var(--color-text);color:var(--color-bg)}}.stage{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;border:1px solid var(--color-border);background-color:var(--color-card-bg);padding:var(--space-md)}.stage__item{display:flex;flex-direction:column;gap:2px}.stage__value{font-family:var(--font-display);font-size:1.5rem;line-height:1}.stage__value--muted{color:var(--color-text-muted)}.goal{margin-top:var(--space-md);border:1px solid var(--color-border);background-color:var(--color-card-bg);padding:var(--space-md)}.goal__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-sm)}.goal__when{font-family:var(--font-display);font-size:1rem}.goal__bar{position:relative;height:4px;background-color:var(--color-border-light)}.goal__bar span{position:absolute;inset:0 auto 0 0;background-color:var(--color-text);transition:width var(--transition-slow)}.goal__scale{display:flex;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-xs);font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.goal__scale span:nth-child(2){color:var(--color-text)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background-color:var(--color-border);border:1px solid var(--color-border);margin-top:var(--space-lg)}.stat{background-color:var(--color-card-bg);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.stat__value{font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2rem);line-height:1;font-variant-numeric:tabular-nums}.stat__value--alert{color:var(--color-alert)}.chart{margin-top:var(--space-lg);border:1px solid var(--color-border);background-color:var(--color-card-bg);padding:var(--space-md)}.chart__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg)}.chart__title{font-size:1.25rem;text-transform:uppercase}.chart__sub{font-size:.6875rem;color:var(--color-text-muted)}.chart__tools{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.chart__range{display:flex;border:1px solid var(--color-border)}.chart__range-link{min-height:34px;display:inline-flex;align-items:center;padding:0 var(--space-sm);border-right:1px solid var(--color-border);font-size:.5625rem;letter-spacing:.15em;color:var(--color-text-muted);touch-action:manipulation;transition:background-color var(--transition-fast),color var(--transition-fast)}.chart__range-link:last-child{border-right:none}.chart__range-link[aria-current=true]{background-color:var(--color-text);color:var(--color-bg)}.chart__legend{display:flex;gap:var(--space-md);flex-wrap:wrap}.chart__legend li{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.5625rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted)}.chart__scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:var(--space-xs)}.chart__plot{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--chart-col, 0px),1fr);gap:2px;align-items:end;min-width:100%}.chart__col{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-xs);justify-items:center;padding-block:var(--space-xs);outline:none}.chart__col:after{content:"";position:absolute;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color var(--transition-fast)}.chart__col:hover:after,.chart__col:focus-visible:after{border-color:var(--color-border)}.chart__stack{display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:var(--chart-gap, 4px);min-height:max(calc(var(--chart-rows) * (var(--chart-dot, 6px) + var(--chart-gap, 4px))),100px);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-xs);width:100%}.chart__dot{width:var(--chart-dot, 6px);height:var(--chart-dot, 6px);border-radius:50%;background-color:var(--color-text);flex:none}.chart__dot--early{background-color:transparent;border:1.5px solid var(--color-alert)}.chart__legend .chart__dot{--chart-dot: 6px}.chart__overflow{font-size:.5625rem;color:var(--color-text-muted);order:1}.chart__count{font-family:var(--font-display);font-size:.8125rem;line-height:1;font-variant-numeric:tabular-nums}.chart__count--zero{color:var(--color-border)}.chart__day{min-height:.9rem;font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.chart__col.is-today .chart__day{color:var(--color-text);border-bottom:1px solid var(--color-text)}.chart__tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:5;white-space:nowrap;background-color:var(--color-text);color:var(--color-bg);padding:4px var(--space-sm);font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.chart__col:hover .chart__tip,.chart__col:focus-visible .chart__tip{opacity:1}.chart__col:first-child .chart__tip{left:0;transform:none}.chart__col:last-child .chart__tip{left:auto;right:0;transform:none}.day{border:1px solid var(--color-border);background-color:var(--color-card-bg);margin-bottom:var(--space-md)}.day__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md);border-bottom:1px solid var(--color-border-light)}.day__date{font-family:var(--font-display);font-size:1.25rem;text-transform:uppercase}.day__meta{display:flex;gap:var(--space-md);flex-wrap:wrap}.day__list{display:flex;flex-direction:column}.entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border-light)}.entry:last-child{border-bottom:none}.entry__time{font-family:var(--font-display);font-size:1.125rem;font-variant-numeric:tabular-nums}.entry__gap{display:block;font-size:.75rem;line-height:1.4;color:var(--color-text-muted)}.entry__flag{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.5625rem;letter-spacing:.15em;text-transform:uppercase;padding:2px var(--space-sm);border:1px solid var(--color-border);color:var(--color-text-muted)}.entry__flag--early{border-color:var(--color-alert);color:var(--color-alert)}.entry__bar{display:block;position:relative;height:3px;max-width:320px;margin-top:4px;background-color:var(--color-border-light)}.entry__bar span{position:absolute;inset:0 auto 0 0;background-color:var(--color-text)}.entry__bar--early span{background-color:var(--color-alert)}.form{display:grid;gap:1px;background-color:var(--color-border);border:1px solid var(--color-border)}.field{background-color:var(--color-card-bg);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.field__hint{font-size:.6875rem;color:var(--color-text-muted);line-height:1.5}.field input{font-family:var(--font-display);font-size:1.5rem;color:var(--color-text);background:transparent;border:none;border-bottom:1px solid var(--color-border);padding:var(--space-xs) 0;width:100%;transition:border-color var(--transition-fast)}.field input:focus{outline:none;border-color:var(--color-text)}.field__error{font-size:.6875rem;color:var(--color-alert)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:48px;padding:var(--space-sm) var(--space-lg);touch-action:manipulation;border:1px solid var(--color-text);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;transition:background-color var(--transition-base),color var(--transition-base)}.btn--ghost{border-color:var(--color-border);color:var(--color-text-muted)}.push{display:flex;flex-direction:column;gap:var(--space-md);border:1px solid var(--color-border);background-color:var(--color-card-bg);padding:var(--space-md);margin-bottom:var(--space-lg)}.push__title{font-size:1.25rem;text-transform:uppercase}.push__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.push__actions .btn{flex:1 1 auto}@media (min-width: 640px){.push{flex-direction:row;align-items:center;justify-content:space-between}.push__actions .btn{flex:0 0 auto}}.btn.is-on{background-color:var(--color-text);color:var(--color-bg)}.notice{display:flex;align-items:center;gap:var(--space-sm);border:1px solid var(--color-text);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.empty{border:1px dashed var(--color-border);padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-text-muted)}.toast{position:fixed;left:50%;bottom:var(--space-lg);transform:translate(-50%,140%);display:flex;align-items:center;gap:var(--space-sm);background-color:var(--color-text);color:var(--color-bg);padding:var(--space-sm) var(--space-md);font-size:.625rem;letter-spacing:.15em;text-transform:uppercase;transition:transform var(--transition-base);z-index:20}.toast.is-visible{transform:translate(-50%)}.toast--alert{background-color:var(--color-alert)}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes ringPulse{0%,to{opacity:.25}50%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:fadeInUp var(--transition-slow) ease both}@media (min-width: 640px){:root{--header-height: 72px}.container{padding-inline:var(--space-lg)}.stats{grid-template-columns:repeat(4,1fr)}.form{grid-template-columns:repeat(2,1fr)}.page{padding-block:var(--space-lg) var(--space-xl)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}