:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;width:100%}body{background:#050505}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.timer{--foreground: #fff;--muted: rgb(255 255 255 / 68%);--field: rgb(255 255 255 / 10%);--field-border: rgb(255 255 255 / 30%);--focus: #fff;--logo-filter: invert(1);color:var(--foreground);height:100%;isolation:isolate;overflow:hidden;position:relative;transition:background-color .26s ease,color .18s ease;width:100%}.timer:before,.timer:after{content:"";pointer-events:none;position:absolute;z-index:-1}.timer:before{inset:0}.timer:after{bottom:0;height:6px;left:0;right:0}.timer[data-theme=black]{background:radial-gradient(circle at 76% 38%,#28282c 0,#111114 22%,transparent 48%),#050505}.timer[data-theme=black]:before{background:linear-gradient(115deg,transparent 0 62%,rgb(255 255 255 / 4%) 62% 62.2%,transparent 62.2%),radial-gradient(circle at 14% 82%,rgb(255 255 255 / 7%) 0 1px,transparent 1.5px);background-size:auto,22px 22px;-webkit-mask-image:linear-gradient(to right,transparent 5%,#000 80%);mask-image:linear-gradient(to right,transparent 5%,#000 80%)}.timer[data-theme=black]:after{background:#fff}.timer[data-theme=white]{--foreground: #0b0b0c;--muted: rgb(11 11 12 / 60%);--field: rgb(11 11 12 / 6%);--field-border: rgb(11 11 12 / 24%);--focus: #2468ff;--logo-filter: none;background:#f6f3eb}.timer[data-theme=white]:before{background:linear-gradient(rgb(11 11 12 / 6%) 1px,transparent 1px),linear-gradient(90deg,rgb(11 11 12 / 6%) 1px,transparent 1px);background-size:64px 64px,64px 64px}.timer[data-theme=white]:after{background:#2468ff}.timer[data-theme=colorful]{background:radial-gradient(circle at 17% 20%,#ff4fbc 0 5%,transparent 32%),radial-gradient(circle at 80% 22%,#ff7b16 0 4%,transparent 30%),radial-gradient(circle at 72% 85%,#00cfff 0 5%,transparent 34%),conic-gradient(from 220deg at 50% 52%,#3420dc,#8146ff,#d82bab,#ff5c35,#243ee4,#3420dc)}.timer[data-theme=colorful]:before{background:repeating-linear-gradient(128deg,transparent 0 38px,rgb(255 255 255 / 8%) 38px 40px);mix-blend-mode:overlay}.timer[data-theme=colorful]:after{background:linear-gradient(90deg,#00e5ff,#ffed4a,#ff4fbc)}.topline{align-items:flex-start;display:flex;justify-content:space-between;left:clamp(24px,4vw,68px);position:absolute;right:clamp(24px,4vw,68px);top:clamp(24px,4vw,62px);z-index:3}.editable-field{border:1px solid transparent;border-radius:12px;color:inherit;display:block;padding:10px 12px;position:relative;transition:background-color .16s ease,border-color .16s ease}.editable-field:hover,.editable-field:focus-within{background:var(--field);border-color:var(--field-border)}.field-name{color:var(--muted);font-size:10px;font-weight:760;left:12px;letter-spacing:.09em;opacity:0;pointer-events:none;position:absolute;text-transform:uppercase;top:-17px;transition:opacity .14s ease}.ui-visible .editable-field:hover .field-name,.ui-visible .editable-field:focus-within .field-name{opacity:.8}.editable-field>input{appearance:none;background:transparent;border:0;color:inherit;display:block;font-size:clamp(17px,1.6vw,28px);font-weight:780;letter-spacing:-.03em;margin:0;min-width:0;outline:0;padding:0}.label-field>input{max-width:min(54vw,760px);width:var(--label-width, 12ch)}.editable-field>input::placeholder{color:var(--muted);opacity:0;transition:opacity .14s ease}.ui-visible .editable-field:hover>input::placeholder,.ui-visible .editable-field:focus-within>input::placeholder{opacity:.72}.time-field{z-index:5}.time-field.is-open{background:var(--field);border-color:var(--field-border)}.time-field.is-open .field-name{opacity:.8}.time-toggle{align-items:center;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;font-size:clamp(17px,1.6vw,28px);font-weight:780;gap:7px;letter-spacing:-.03em;min-height:1.15em;outline:0;padding:0;text-align:right}.time-toggle svg{fill:none;height:15px;opacity:0;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;transition:opacity .14s ease,transform .16s ease;width:15px}.ui-visible .time-field:hover .time-toggle svg,.time-field.is-open .time-toggle svg{opacity:.62}.time-field.is-open .time-toggle svg{transform:rotate(180deg)}.empty-value{color:var(--muted);display:none;white-space:nowrap}.time-field.is-empty .time-value{display:none}.ui-visible .time-field.is-empty .empty-value,.time-field.is-open.is-empty .empty-value{display:inline}.time-popover{background:#0a0a0df5;border:1px solid rgb(255 255 255 / 16%);border-radius:17px;box-shadow:0 20px 70px #00000059;color:#fff;opacity:0;padding:15px;pointer-events:none;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(-7px) scale(.98);transform-origin:top right;transition:opacity .15s ease,transform .15s ease;width:min(330px,calc(100vw - 28px))}.time-field.is-open .time-popover{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.popover-label{color:#ffffff8c;display:block;font-size:9px;font-weight:760;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.quick-times{display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-bottom:17px}.quick-times button,.set-time,.clear-time{appearance:none;border-radius:10px;cursor:pointer;font-weight:720}.quick-times button{background:#ffffff17;border:1px solid rgb(255 255 255 / 13%);color:#fff;font-size:13px;min-height:44px;padding:0 8px}.quick-times button:hover,.quick-times button:focus-visible{background:#fff;color:#08080a;outline:0}.exact-time{align-items:center;display:grid;gap:6px;grid-template-columns:1fr auto 1fr auto}.exact-time input{appearance:textfield;background:#ffffff17;border:1px solid rgb(255 255 255 / 16%);border-radius:10px;color:#fff;font-size:22px;font-variant-numeric:tabular-nums;font-weight:780;height:48px;outline:0;text-align:center;width:100%}.exact-time input::-webkit-inner-spin-button,.exact-time input::-webkit-outer-spin-button{appearance:none;margin:0}.exact-time input:focus{border-color:#ffffffb3}.time-colon{font-size:22px;font-weight:800}.set-time{background:#fff;border:1px solid #fff;color:#09090b;font-size:13px;height:48px;padding:0 16px}.set-time:hover,.set-time:focus-visible{background:#d8ff57;border-color:#d8ff57;outline:0}.clear-time{background:transparent;border:0;color:#ffffff8c;display:block;font-size:11px;margin:11px auto -5px;padding:5px 8px}.clear-time:hover,.clear-time:focus-visible{color:#fff;outline:0}.sr-only{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.countdown{align-items:center;display:flex;height:100%;justify-content:center;padding:clamp(96px,12vh,150px) clamp(24px,5vw,90px) clamp(110px,14vh,180px);position:relative;width:100%;z-index:1}.digits,.done{color:inherit;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-.085em;line-height:.78;margin:0;text-align:center;text-shadow:0 .04em .3em rgb(9 18 90 / 18%);white-space:nowrap}.digits{font-size:min(34vw,57vh)}.timer.has-hours .digits{font-size:min(23vw,48vh)}.done{appearance:none;animation:done-in .44s cubic-bezier(.2,.9,.25,1.15) both;background:transparent;border:1px solid transparent;border-radius:18px;cursor:default;font-size:min(21vw,38vh);max-width:92vw;overflow-wrap:anywhere;padding:.1em .16em;white-space:normal}.done.is-long{font-size:min(13vw,25vh);line-height:.88}.ui-visible .done:hover{background:var(--field);border-color:var(--field-border);cursor:text}.footer{bottom:clamp(28px,4vw,62px);left:clamp(28px,4vw,68px);position:absolute;z-index:3}.logo-button{align-items:center;appearance:none;background:transparent;border:1px solid transparent;border-radius:12px;color:inherit;cursor:pointer;display:flex;min-height:54px;min-width:110px;padding:10px 12px;position:relative;transition:background-color .16s ease,border-color .16s ease}.ui-visible .logo-button:hover,.logo-button:focus-visible{background:var(--field);border-color:var(--field-border);outline:0}.brand-logo{filter:var(--logo-filter);height:auto;max-height:clamp(34px,5vh,64px);max-width:min(18vw,280px);object-fit:contain;object-position:left center;opacity:.92;width:auto}.brand-logo.is-custom{filter:none}.logo-placeholder{color:var(--muted);display:none;font-size:14px;font-weight:700}.ui-visible .logo-button.has-no-logo .logo-placeholder{display:block}.logo-action{background:#08080ae0;border-radius:7px;bottom:-18px;color:#fff;font-size:10px;font-weight:700;left:50%;opacity:0;padding:5px 7px;pointer-events:none;position:absolute;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease;white-space:nowrap}.ui-visible .logo-button:not(.has-no-logo):hover .logo-action{opacity:1;transform:translate(-50%)}.control-dock{align-items:flex-end;-webkit-backdrop-filter:blur(24px) saturate(1.25);backdrop-filter:blur(24px) saturate(1.25);background:#0a0a0de5;border:1px solid rgb(255 255 255 / 16%);border-radius:18px;bottom:clamp(22px,3vw,42px);box-shadow:0 18px 60px #00000047;color:#fff;display:flex;gap:14px;left:50%;max-width:calc(100vw - 32px);opacity:0;padding:11px 12px;pointer-events:none;position:absolute;transform:translate(-50%,20px) scale(.98);transition:opacity .18s ease,transform .18s ease;z-index:8}.ui-visible .control-dock,.control-dock:focus-within{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.control-label{color:#ffffff8c;display:block;font-size:9px;font-weight:760;letter-spacing:.08em;margin:0 0 7px 2px;text-transform:uppercase;white-space:nowrap}.theme-options,.dock-actions{align-items:center;display:flex;gap:5px}.theme-option,.icon-button,.fullscreen-button{align-items:center;appearance:none;border:1px solid transparent;color:#fff;cursor:pointer;display:inline-flex;justify-content:center}.theme-option{background:transparent;border-radius:9px;flex-direction:column;font-size:9px;font-weight:650;gap:4px;min-width:49px;padding:5px 5px 4px}.theme-option:hover,.theme-option[aria-pressed=true]{background:#ffffff1c;border-color:#ffffff29}.theme-swatch{border:1px solid rgb(255 255 255 / 32%);border-radius:999px;display:block;height:16px;width:30px}.theme-option--black .theme-swatch{background:#050505}.theme-option--white .theme-swatch{background:#f6f3eb}.theme-option--color .theme-swatch{background:linear-gradient(110deg,#3340e8,#ff3ca6 52%,#ff9417)}.dock-divider{align-self:stretch;background:#ffffff24;width:1px}.end-message-control input{background:#ffffff14;border:1px solid rgb(255 255 255 / 14%);border-radius:9px;color:#fff;font-size:13px;font-weight:650;height:34px;outline:0;padding:0 10px;width:132px}.end-message-control input:focus{border-color:#ffffff9e}.end-message-control input::placeholder{color:#ffffff61}.dock-actions{padding-bottom:1px}.icon-button,.fullscreen-button{background:#ffffff17;border-color:#ffffff21;border-radius:10px;height:38px}.icon-button{width:38px}.fullscreen-button{font-size:12px;font-weight:720;gap:8px;padding:0 12px}.icon-button:hover,.fullscreen-button:hover{background:#ffffff2b;border-color:#ffffff3d}.icon-button:focus-visible,.fullscreen-button:focus-visible,.theme-option:focus-visible{outline:2px solid #fff;outline-offset:2px}.icon-button svg,.fullscreen-button svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:18px}.icon-button:disabled{cursor:default;opacity:.3}.status{background:#0a0a0de5;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;bottom:102px;color:#fff;font-size:12px;left:50%;margin:0;opacity:0;padding:7px 11px;pointer-events:none;position:absolute;transform:translate(-50%,5px);transition:opacity .16s ease,transform .16s ease;z-index:10}.status.is-visible{opacity:1;transform:translate(-50%)}body:not(.ui-visible){cursor:none}body:not(.ui-visible) .editable-field{pointer-events:none}@keyframes done-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:980px){.control-dock{bottom:16px;gap:10px;overflow-x:auto;width:calc(100vw - 24px)}.footer{bottom:112px}}@media(max-width:680px){.topline{left:14px;right:14px;top:16px}.editable-field{padding:8px}.editable-field>input,.time-toggle{font-size:16px}.countdown{padding-left:14px;padding-right:14px}.footer{bottom:108px;left:14px}.brand-logo{max-width:38vw}.dock-divider{display:none}.theme-option span:last-child,.control-label,#fullscreen-label{display:none}.theme-option{min-width:40px;padding:8px 5px}.end-message-control input{width:106px}.fullscreen-button{padding:0 10px}}@media(prefers-reduced-motion:reduce){.done,.control-dock,.timer{animation:none;transition:none}}