@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/instrument-sans-latin-ext-wght-normal.3_enilo7h9-3t.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/instrument-sans-latin-wght-normal.1c6_4mawwj-hb.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Sometype Mono Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/sometype-mono-latin-ext-wght-normal.17_7d9vuzme3s.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Sometype Mono Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(../media/sometype-mono-latin-wght-normal.04r8pydcoj2x6.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--paper:#e6eae2;--surface:#f4f6f0;--ink:#101d19;--ink-soft:#33443c;--muted:#5a675f;--line:#c4ccc1;--line-strong:#9aa69c;--accent:#2447e8;--accent-deep:#1736c7;--accent-soft:#dfe4fb;--signal:#b9432a;--signal-line:#d8b3a9;--signal-bg:#f8ece8;--warning:#8a5b0f;--warning-bg:#f6eedc;--font-sans:"Instrument Sans Variable", "Instrument Sans", system-ui, sans-serif;--font-mono:"Sometype Mono Variable", "Sometype Mono", ui-monospace, monospace;--page-x:clamp(18px, 5vw, 48px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper);-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--ink);background-color:var(--paper);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(circle at 1px 1px,#101d1917 1px,#0000 1.25px);background-size:22px 22px;margin:0;font-size:16px;line-height:1.45}::selection{color:#fff;background:var(--accent)}button,input{font:inherit}button{color:inherit}button,input[type=text]{-webkit-tap-highlight-color:transparent}.shell{width:100%;max-width:820px;min-height:100dvh;padding:0 var(--page-x) calc(34px + env(safe-area-inset-bottom));margin:0 auto}.topbar{min-height:76px;padding-top:max(18px, env(safe-area-inset-top));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px}.wordmark{font-family:var(--font-mono);letter-spacing:.17em;text-transform:uppercase;font-size:.78rem;font-weight:600;line-height:1}.topbar-meta{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:11px;font-size:.62rem;font-weight:450;line-height:1.3;display:flex}.timezone{border-left:1px solid var(--line);padding-left:11px}.main{padding-top:clamp(28px,5vw,48px)}.ticket{border:1px solid var(--ink);background:var(--surface);border-radius:22px 22px 6px;padding:clamp(22px,4vw,34px) clamp(22px,4vw,38px) clamp(24px,4vw,36px) clamp(48px,7vw,60px);position:relative;overflow:hidden;box-shadow:5px 6px #101d190e}.ticket:before{background-image:radial-gradient(circle, var(--line-strong) 1.35px, transparent 1.65px);content:"";opacity:.78;background-repeat:repeat-y;background-size:13px 18px;width:13px;position:absolute;top:20px;bottom:20px;left:19px}.ticket:after{border-left:1px dashed var(--line);content:"";position:absolute;top:22px;bottom:22px;left:37px}.ticket>*{z-index:1;position:relative}.ticket-top{color:var(--muted);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:27px;font-size:.61rem;font-weight:450;line-height:1.4;display:flex}.ticket-ref{text-overflow:ellipsis;white-space:nowrap;max-width:45%;overflow:hidden}.title-mark{color:var(--accent)}.start-ticket{animation:.42s cubic-bezier(.22,1,.36,1) both ticket-in}@keyframes ticket-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.start-title{letter-spacing:-.055em;text-wrap:balance;max-width:13ch;margin:0 0 30px;font-size:clamp(2.1rem,5.2vw,3.15rem);font-weight:590;line-height:.97}.start-form{flex-direction:column;gap:26px;display:flex}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.105em;text-transform:uppercase;align-items:baseline;gap:7px;font-size:.62rem;font-weight:500;display:flex}.label-note{color:var(--muted);font-family:var(--font-sans);letter-spacing:0;text-transform:none;font-size:.69rem;font-weight:420}.input{border:0;border-bottom:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--ink);background:0 0;border-radius:0;outline:none;padding:7px 0 11px;transition:border-color .14s,box-shadow .14s}.input::placeholder{color:#657168;opacity:1}.input-label{letter-spacing:-.025em;font-size:clamp(1.25rem,2.6vw,1.5rem);font-weight:505;line-height:1.25}.input-tag{letter-spacing:-.01em;font-size:1rem;font-weight:430}.input:hover{border-color:var(--ink-soft)}.input:focus{border-color:var(--accent);box-shadow:0 1px 0 var(--accent)}.input:focus-visible{outline:2px solid var(--accent-soft);outline-offset:3px}.start-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;display:grid}.btn{cursor:pointer;min-height:46px;font-family:var(--font-sans);letter-spacing:-.01em;text-align:center;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:.88rem;font-weight:590;line-height:1;transition:background-color .14s,border-color .14s,color .14s,transform .1s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.48}.btn-primary{border-color:var(--accent);color:#fff;background:var(--accent)}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn-stop{border-color:var(--signal-line);color:var(--signal);background:0 0}@media (hover:hover){.btn-primary:hover:not(:disabled){border-color:var(--accent-deep);background:var(--accent-deep)}.btn-ghost:hover:not(:disabled){border-color:var(--ink);color:var(--surface);background:var(--ink)}.btn-stop:hover:not(:disabled){border-color:var(--signal);background:var(--signal-bg)}}.start-row .btn{min-width:156px;margin-bottom:2px}.timer-ticket{animation:.42s cubic-bezier(.22,1,.36,1) both ticket-in}.status-line{color:var(--accent);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:15px;font-size:.63rem;font-weight:550;display:flex}.status-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;flex:none;animation:2.4s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{box-shadow:0 0 0 3px var(--accent-soft)}50%{box-shadow:0 0 0 6px #2447e814}}.timer-ticket.is-paused .status-line{color:var(--warning)}.timer-ticket.is-paused .status-dot{background:var(--warning);box-shadow:0 0 0 3px var(--warning-bg);animation:none}.session-title{letter-spacing:-.052em;overflow-wrap:anywhere;text-wrap:balance;max-width:21ch;margin:0 0 12px;font-size:clamp(1.65rem,4.3vw,2.5rem);font-weight:590;line-height:1.04}.tag{border:1px solid var(--line);max-width:100%;color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.075em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#ffffff47;border-radius:999px;align-items:center;padding:4px 9px;font-size:.61rem;font-weight:500;line-height:1.3;display:inline-flex;overflow:hidden}.timer{color:var(--ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.085em;white-space:nowrap;margin:31px 0 17px;font-size:clamp(3.3rem,12.8vw,6.4rem);font-weight:480;line-height:.86;display:block}.timer-ticket.is-paused .timer{color:var(--ink-soft)}.timer-meta{color:var(--muted);font-family:var(--font-mono);letter-spacing:.015em;flex-wrap:wrap;align-items:baseline;gap:5px 9px;font-size:.65rem;font-weight:450;display:flex}.meta-separator{color:var(--line-strong)}.timer-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;margin-top:27px;padding-top:21px;display:flex}.timer-actions .btn{min-width:122px}.banner{border:1px solid;border-radius:10px;margin:17px 0 0;padding:11px 14px;font-size:.83rem;font-weight:450;line-height:1.45}.banner-error{border-color:var(--signal-line);color:var(--signal);background:var(--signal-bg)}.banner-warning{color:var(--warning);background:var(--warning-bg);border-color:#decfae}.ledger{margin-top:clamp(37px,7vw,60px)}.section-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:7px;padding-bottom:11px;display:flex}.section-heading h2{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:600}.section-heading span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.03em;white-space:nowrap;font-size:.61rem}.ledger-group{margin-top:28px}.day-heading{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:1px;font-size:.6rem;font-weight:500;display:flex}.day-heading:after{border-top:1px solid var(--line);content:"";flex:1}.ledger-row{border-top:1px solid var(--line);grid-template-columns:118px minmax(0,1fr) auto;align-items:start;gap:20px;padding:16px 0;display:grid}.ledger-time{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.015em;padding-top:3px;font-size:.67rem;line-height:1.45}.ledger-body{flex-wrap:wrap;align-items:center;gap:6px 9px;min-width:0;display:flex}.ledger-label{letter-spacing:-.012em;overflow-wrap:anywhere;min-width:0;margin:0;font-size:.99rem;font-weight:520;line-height:1.4}.ledger-tag{border:1px solid var(--line);max-width:100%;color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#ffffff47;border-radius:999px;padding:2px 7px;font-size:.56rem;font-weight:500;line-height:1.4;overflow:hidden}.ledger-pause{color:var(--muted);font-family:var(--font-mono);letter-spacing:.015em;font-size:.57rem}.ledger-duration{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:right;white-space:nowrap;padding-top:2px;font-size:.77rem;font-weight:480;line-height:1.45}.empty-ledger{max-width:48ch;color:var(--muted);margin:0;padding:28px 0 8px;font-size:.9rem;line-height:1.55}.account-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:clamp(42px,8vw,70px);padding-top:16px;display:flex}.account-email{color:var(--muted);font-family:var(--font-mono);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.59rem;overflow:hidden}.text-button{color:var(--muted);cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;padding:5px 0;font-size:.59rem;transition:color .14s}.text-button:hover{color:var(--ink)}.gate{align-items:center;min-height:calc(100dvh - 76px);padding:clamp(34px,8vh,86px) 0;display:flex}.gate-ticket{width:100%;animation:.45s cubic-bezier(.22,1,.36,1) both ticket-in}.gate-title{letter-spacing:-.067em;text-wrap:balance;max-width:12ch;margin:0 0 24px;font-size:clamp(2.5rem,7.2vw,4.7rem);font-weight:580;line-height:.94}.gate-copy{max-width:44ch;color:var(--ink-soft);margin:0 0 29px;font-size:.98rem;line-height:1.58}.gate-ticket .banner{max-width:560px}.state-page{flex-direction:column;justify-content:center;align-items:flex-start;max-width:610px;min-height:calc(100dvh - 150px);padding:clamp(44px,9vh,100px) 0;display:flex}.state-kicker{color:var(--accent);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin:0 0 20px;font-size:.63rem;font-weight:550}.state-title{letter-spacing:-.055em;text-wrap:balance;max-width:16ch;margin:0 0 18px;font-size:clamp(2rem,5vw,3.25rem);font-weight:580;line-height:1}.state-copy{max-width:48ch;color:var(--ink-soft);margin:0;font-size:.96rem;line-height:1.58}.state-detail{border-top:1px solid var(--line);overflow-wrap:anywhere;max-width:100%;margin:22px 0 0;padding-top:15px}.state-detail code{color:var(--muted);font-family:var(--font-mono);font-size:.65rem;line-height:1.65}.state-page .btn{margin-top:26px}.loading-rule{background:var(--line);width:min(290px,70vw);height:1px;margin-top:32px;position:relative;overflow:hidden}.loading-rule span{background:var(--accent);width:40%;animation:1.6s ease-in-out infinite loading-sweep;position:absolute;top:0;bottom:0;left:0}@keyframes loading-sweep{0%{transform:translate(-110%)}to{transform:translate(360%)}}:where(button,input,a):focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:640px){.ticket{border-radius:18px 18px 5px;padding:22px 20px 26px 49px;box-shadow:4px 5px #101d190d}.ticket:before{left:16px}.ticket:after{left:33px}.ticket-top{margin-bottom:24px}.start-row{grid-template-columns:1fr;gap:24px}.start-row .btn{width:100%;min-height:50px;margin:0}.timer{margin-top:28px;font-size:clamp(3rem,12.5vw,4.6rem)}.timer-actions .btn{flex:120px;min-height:50px}.ledger-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 16px;padding:14px 0}.ledger-time{grid-area:1/1;padding:0}.ledger-duration{grid-area:1/2;justify-self:end;padding:0}.ledger-body{grid-area:2/1/auto/-1}.gate{min-height:calc(100dvh - 76px);padding:38px 0 50px}.gate-title{max-width:13ch;font-size:clamp(2.35rem,11vw,3.7rem)}.state-page{min-height:calc(100dvh - 130px);padding:44px 0}}@media (max-width:390px){.topbar{gap:10px}.topbar-meta{letter-spacing:.045em;gap:8px;font-size:.55rem}.timezone{padding-left:8px}.wordmark{font-size:.72rem}.ticket{padding-left:45px;padding-right:17px}.ticket:before{left:14px}.ticket:after{left:30px}.timer{font-size:clamp(2.75rem,12.6vw,3.5rem)}.gate-title{font-size:2.15rem}.account-footer{flex-direction:column;align-items:flex-start;gap:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}