@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#111;font-synthesis:none;--ink:#111;--paper:#fffdf5;--white:#fff;--yellow:#ffd93d;--coral:#ff6b6b;--violet:#c4b5fd;--green:#15803d;--blue:#2563eb;--border:4px solid var(--ink);--border-small:2px solid var(--ink);--shadow-mobile:6px 6px 0 var(--ink);--shadow:8px 8px 0 var(--ink);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--mono:ui-monospace, "SFMono-Regular", "Roboto Mono", Menlo, Consolas, monospace;background:#fffdf5;font-family:Space Grotesk,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:var(--ink);min-width:320px}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:var(--border-small);background:var(--white);min-height:44px;color:var(--ink);letter-spacing:.01em;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--ink);border-radius:0;padding:.65rem .9rem;font-weight:800}button:hover:not(:disabled){background:var(--yellow)}button:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}button:focus-visible,input:focus-visible,a:focus-visible{outline:4px solid var(--blue);outline-offset:3px}button:disabled{color:#68645c;cursor:not-allowed;box-shadow:none;background:#e7e3d9}input{color:var(--ink)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.eyebrow{font:800 .72rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.landing{isolation:isolate;border:8px solid var(--ink);background:var(--paper);min-height:100vh;padding:clamp(1rem,3vw,2.5rem);position:relative;overflow:hidden}.landing-top{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);display:flex;position:relative}.landing-top .eyebrow{align-items:center;gap:var(--space-2);display:flex}.registration-dot{border:2px solid var(--ink);background:var(--coral);border-radius:50%;width:.8rem;height:.8rem}.landing-mark{font:900 clamp(3rem, 6vw, 5.5rem)/.75 var(--mono);letter-spacing:-.12em}.landing-layout{z-index:2;border-top:var(--border);grid-template-columns:minmax(0,1.35fr) minmax(19rem,.65fr);align-items:stretch;gap:clamp(1.25rem,4vw,4rem);padding-top:clamp(1.25rem,3vw,2.5rem);display:grid;position:relative}.landing-display{border:var(--border);background:var(--white);box-shadow:var(--shadow);align-self:start;transform:rotate(-.35deg)}.display-strip{justify-content:space-between;gap:var(--space-3);border-bottom:var(--border-small);background:var(--violet);font:800 .68rem/1 var(--mono);text-transform:uppercase;padding:.65rem .8rem;display:flex}.display-strip.bottom{border-top:var(--border-small);background:var(--yellow);border-bottom:0}.preview{font:900 clamp(3.4rem, 10.5vw, 10rem)/.88 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.1em;white-space:nowrap;text-align:center;padding:clamp(1rem,4vw,3.5rem) clamp(.5rem,2vw,1.5rem);overflow:hidden}.landing-copy{padding-bottom:var(--space-5);flex-direction:column;align-items:flex-start;display:flex;position:relative}.poster-index{border:var(--border-small);background:var(--coral);font:900 .8rem/1 var(--mono);align-self:flex-end;padding:.3rem .55rem;transform:rotate(3deg)}.landing h1{margin:clamp(1rem, 3vw, 2.5rem) 0 var(--space-4);letter-spacing:-.085em;text-transform:uppercase;font-size:clamp(3.5rem,7.8vw,8rem);font-weight:900;line-height:.76}.landing h1 span{display:block}.landing h1 span:nth-child(2){color:var(--coral);-webkit-text-stroke:2px var(--ink)}.landing-lede{max-width:34rem;margin:0 0 var(--space-5);font-weight:600;line-height:1.45}.launch{justify-content:space-between;align-items:center;gap:var(--space-4);border:var(--border);background:var(--yellow);width:100%;min-height:72px;box-shadow:var(--shadow);padding:1rem 1.25rem;font-size:clamp(1.15rem,2vw,1.6rem);display:flex}.launch b{font-size:1.8em;line-height:.5}.landing-error{border:var(--border-small);background:var(--coral);width:100%;padding:var(--space-3);font-weight:800}.landing-footer{z-index:2;justify-content:space-between;align-items:end;gap:var(--space-5);padding-top:var(--space-4);border-top:var(--border);margin-top:clamp(1.5rem,4vw,4rem);display:flex;position:relative}.promise{font:800 .72rem/1.2 var(--mono);text-transform:uppercase;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.promise li:before{content:"■";color:var(--green);margin-right:.5rem}.landing-stamp{border:var(--border-small);background:var(--violet);text-align:center;text-transform:uppercase;flex:none;place-content:center;width:5rem;height:5rem;display:grid;transform:rotate(-5deg)}.landing-stamp span{font:700 .65rem var(--mono)}.poster-dots{z-index:0;width:min(34rem,65vw);height:7rem;color:var(--violet);font:900 2rem/.55 var(--mono);letter-spacing:.2rem;position:absolute;bottom:1rem;right:1rem;overflow:hidden;transform:rotate(-4deg)}.poster-dots:before{content:"••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••";overflow-wrap:anywhere}.poster-cross{z-index:1;color:var(--coral);font:900 5rem/1 var(--mono);position:absolute}.cross-one{top:19%;right:5%;transform:rotate(10deg)}.cross-two{bottom:8%;left:53%;transform:rotate(-12deg)}.app-shell{background:var(--paper);min-height:100vh}.command-bar{z-index:10;gap:var(--space-3);border-bottom:var(--border);background:var(--yellow);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;padding:.75rem clamp(.75rem,2vw,1.5rem);display:grid;position:sticky;top:0}.brand{min-width:0;color:inherit;letter-spacing:-.04em;text-transform:uppercase;align-items:center;gap:.55rem;font-size:1rem;font-weight:900;text-decoration:none;display:inline-flex}.brand span{border:var(--border-small);background:var(--ink);width:2.3rem;height:2.3rem;color:var(--white);font:900 1rem var(--mono);place-items:center;display:grid}.command-actions{gap:var(--space-3);display:flex}.command-actions button{min-height:48px}.command-actions .secondary{background:var(--white)}.command-actions .add{background:var(--ink);color:var(--white);box-shadow:4px 4px 0 var(--violet)}.command-actions .add:hover{background:var(--violet);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.status-badge,.view-badge{border:var(--border-small);background:var(--white);min-height:34px;font:800 .68rem/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.45rem;padding:.35rem .55rem;display:inline-flex}.status-dot,.state-dot{background:var(--violet);border:2px solid;border-radius:50%;flex:none;width:.65rem;height:.65rem;display:inline-block}.status-badge[data-state=sending]{background:var(--yellow)}.status-badge[data-state=sending] .status-dot{background:var(--ink)}.status-badge[data-state=synced]{background:var(--green);color:var(--white)}.status-badge[data-state=synced] .status-dot{background:var(--white)}.status-badge[data-state=offline]{background:var(--coral)}.status-badge[data-state=offline] .status-dot{background:var(--ink)}.view-badge{background:var(--violet)}.board-intro{justify-content:space-between;align-items:end;gap:var(--space-4);max-width:1600px;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,2.5vw,2rem) 0;display:flex}.board-intro h1{letter-spacing:-.065em;text-transform:uppercase;margin:.25rem 0 0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.85}.board-count{border:var(--border-small);background:var(--violet);font:800 .72rem var(--mono);text-transform:uppercase;margin:0;padding:.45rem .65rem}.board{grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:clamp(1rem,2.5vw,2rem);max-width:1600px;margin:0 auto;padding:clamp(1rem,2.5vw,2rem) clamp(1rem,2.5vw,2rem) 3rem;display:grid}.clock-card{border:var(--border);background:var(--white);min-width:0;box-shadow:var(--shadow-mobile);padding:clamp(1rem,2.5vw,1.75rem)}.clock-card.hero{background:var(--violet);grid-column:1/-1}.clock-meta{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:var(--border-small);padding-bottom:.7rem;display:flex}.kind,.clock-state{font:800 .7rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.clock-state{align-items:center;gap:.4rem;display:inline-flex}.clock-card[data-state=idle] .state-dot{background:var(--white)}.clock-card[data-state=running] .state-dot{background:var(--green)}.clock-card[data-state=paused] .state-dot{background:var(--yellow)}.clock-card[data-state=expired] .state-dot,.clock-card[data-state=expired]{background:var(--coral)}.clock-label-editor{display:block}.label{border:0;border-bottom:var(--border-small);text-transform:uppercase;background:0 0;width:100%;min-height:56px;padding:.75rem 0;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:800}.label::placeholder{color:#6d685f;opacity:1}.label:focus-visible{background:var(--yellow);outline-offset:0}.public-label{text-transform:uppercase;margin:.9rem 0 0;font-size:clamp(1.4rem,3vw,2.25rem);line-height:1}.time-display{min-width:0;padding:clamp(1.15rem,3vw,2.25rem) 0}.time{max-width:100%;font:900 clamp(3.1rem, 9vw, 8rem)/.9 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.1em;white-space:nowrap;overflow:hidden}.detail{font:700 .72rem/1 var(--mono);letter-spacing:.03em;text-transform:uppercase;margin-top:.75rem}.controls{border-top:var(--border-small);padding-top:var(--space-4);grid-template-columns:2fr 1fr 1fr;gap:.7rem;display:grid}.controls button{min-height:56px}.controls .primary{background:var(--yellow)}.controls .quiet{background:var(--paper);box-shadow:none}.tools{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.55rem;display:grid}.tools button{min-width:0;min-height:44px;box-shadow:none;padding:.55rem .45rem;font-size:.68rem}.tools button[aria-pressed=true]{background:var(--violet)}.danger{background:var(--coral)}.lap-section{margin-top:var(--space-5);border-top:var(--border)}.lap-heading{justify-content:space-between;align-items:center;gap:var(--space-3);padding:.8rem 0;display:flex}.lap-heading h3{text-transform:uppercase;margin:0;font-size:.85rem}.lap-heading span{font:700 .68rem var(--mono);text-transform:uppercase}.laps{border-top:var(--border-small);margin:0;padding:0;list-style:none}.laps li{gap:var(--space-3);border-bottom:1px solid var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;grid-template-columns:minmax(2.5rem,.7fr) 1.5fr 1.5fr;align-items:center;padding:.75rem .25rem;display:grid}.laps small{text-align:right}.public-shell .command-bar{background:var(--ink);color:var(--white)}.public-shell .brand span{border-color:var(--white);background:var(--yellow);color:var(--ink)}.public-board .clock-card{flex-direction:column;min-height:min(52vh,34rem);display:flex}.public-board .clock-card.hero{min-height:min(72vh,48rem)}.public-board .time-display{flex-direction:column;flex:1;justify-content:center;display:flex}.public-board .time{font-size:clamp(4rem,11vw,11rem)}dialog{width:min(42rem,100vw - 2rem);max-width:none;max-height:calc(100vh - 2rem);color:var(--ink);background:0 0;border:0;margin:auto;padding:0;overflow:visible}dialog::backdrop{background:var(--violet)}.modal-card{border:var(--border);background:var(--paper);max-height:calc(100vh - 2.5rem);box-shadow:var(--shadow-mobile);overflow:auto}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);border-bottom:var(--border);background:var(--yellow);padding:var(--space-4);display:flex}.modal-header h2{letter-spacing:-.06em;text-transform:uppercase;margin:.25rem 0 0;font-size:clamp(2rem,6vw,3.5rem);line-height:.85}.icon-button{width:48px;min-width:48px;min-height:48px;padding:0;font-size:2rem;line-height:1}.modal-body{padding:var(--space-4)}.modal-lede{max-width:34rem;margin:0 0 var(--space-4);font-weight:600;line-height:1.45}.link-block,.timer-choices{border:var(--border-small);background:var(--white);padding:var(--space-4)}.link-block+.link-block,.clock-choice+.timer-choices{margin-top:var(--space-4)}.secret-link{border-left:8px solid var(--coral)}.public-link{border-left:8px solid var(--green)}.link-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.link-heading strong{text-transform:uppercase}.link-heading span{font:600 .68rem var(--mono);text-align:right}.link-block input{border:var(--border-small);background:var(--paper);width:100%;min-height:48px;font:600 .72rem var(--mono);padding:.65rem}.link-block button{width:100%;margin-top:var(--space-3)}.link-block .primary,.clock-choice{background:var(--yellow)}.inline-feedback{margin:var(--space-4) 0 0;border:var(--border-small);background:var(--green);color:var(--white);font:800 .72rem var(--mono);text-transform:uppercase;padding:.7rem}.clock-choice{align-items:center;gap:var(--space-4);text-align:left;width:100%;min-height:76px;display:flex}.clock-choice span:last-child{flex-direction:column;gap:.2rem;display:flex}.clock-choice small{text-transform:none;font-weight:600}.choice-icon{font-size:2rem}.presets{grid-template-columns:repeat(4,1fr);gap:.65rem;display:grid}.presets button{flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:64px;padding:.45rem;display:flex}.presets strong{font-size:1.3rem}.presets span{font:700 .62rem var(--mono)}.error-banner{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:var(--border);background:var(--coral);padding:var(--space-3) clamp(1rem, 2.5vw, 2rem);display:flex}.error-banner div{flex-direction:column;display:flex}.loading{min-height:calc(100vh - 76px);padding:var(--space-5);text-align:center;text-transform:uppercase;place-content:center;display:grid}.loading span{font:800 .8rem var(--mono)}.loading b{font:900 clamp(3rem, 12vw, 9rem) var(--mono);letter-spacing:-.1em}@media (width>=768px){.clock-card,.modal-card{box-shadow:var(--shadow)}}@media (width<=900px){.landing-layout{grid-template-columns:1fr}.landing-copy{max-width:42rem}.cross-one{top:40%}.cross-two{left:75%}}@media (width<=640px){.landing{border-width:6px;padding:1rem}.landing-top{align-items:flex-start}.landing-top .eyebrow{max-width:12rem}.landing-mark{font-size:3.4rem}.landing-layout{gap:1.5rem;padding-top:1rem}.landing-display{box-shadow:var(--shadow-mobile);transform:none}.preview{padding:1rem .35rem;font-size:clamp(3.2rem,17vw,4.5rem)}.landing h1{font-size:clamp(3.6rem,17vw,5rem)}.landing h1 span:nth-child(2){-webkit-text-stroke-width:1px}.landing-footer{align-items:center}.promise{flex-direction:column;gap:.55rem}.landing-stamp{width:4.25rem;height:4.25rem}.poster-cross,.poster-dots{display:none}.command-bar{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;padding:.65rem .75rem}.brand{font-size:.85rem}.brand span{width:2.15rem;height:2.15rem}.command-actions{grid-column:1/-1;grid-template-columns:1fr 1.4fr;gap:.65rem;display:grid}.public-shell .view-badge{display:none}.board-intro{padding:1.25rem 1rem 0}.board-intro h1{font-size:2.4rem}.board{gap:1.25rem;padding:1rem 1rem 2.5rem}.clock-card{padding:1rem}.time{font-size:clamp(3.05rem,16vw,5rem)}.controls{grid-template-columns:1fr 1fr}.controls .primary{grid-column:1/-1}.tools{grid-template-columns:repeat(2,1fr)}.public-board .clock-card,.public-board .clock-card.hero{min-height:48vh}.public-board .time{font-size:clamp(3.3rem,17vw,5.5rem)}.modal-header,.modal-body{padding:.9rem}.link-heading{flex-direction:column;align-items:flex-start}.link-heading span{text-align:left}.presets{grid-template-columns:repeat(3,1fr)}}@media (height<=500px) and (orientation:landscape){.command-bar{padding-block:.45rem;position:relative}.board-intro{padding-top:.75rem}.board-intro .eyebrow,.board-count{display:none}.board{padding-top:.75rem}.clock-card{padding:.8rem}.time-display{padding:.8rem 0}.time{font-size:clamp(3rem,10vw,5.5rem)}.controls button{min-height:48px}}@media (hover:hover) and (pointer:fine){.clock-card:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}