:root{--bg:#0b0908;--text:#f4ede4;--muted:#9c9288;--amber:#ffa53a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);text-align:center;flex-direction:column;align-items:center;margin:0;padding:0 24px 24px;font:19px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}main{max-width:34rem;margin:auto;padding:16px 0 120px;position:relative;top:-52px}.top{--w:min(340px, calc(100vw - 32px));z-index:1;flex:none;align-self:stretch;height:170px;position:relative}.notch{color:#fff;text-align:left;-webkit-user-select:none;user-select:none;background:#000;border-radius:0 0 10px 10px;width:180px;height:32px;font-size:11px;font-weight:500;line-height:1.2;transition:width .35s cubic-bezier(.3,1.25,.5,1),height .35s cubic-bezier(.3,1.25,.5,1),border-radius .35s;position:absolute;top:0;left:50%;overflow:hidden;translate:-50%;box-shadow:0 0 28px #ffffff0d,0 0 110px #ffffff17}.notch.unpinned{height:5px}.notch:hover{width:var(--w);height:var(--h);border-radius:0 0 18px 18px}.notch:has(:focus-visible){width:var(--w);height:var(--h);border-radius:0 0 18px 18px}.notch.off{width:180px;height:0;box-shadow:none;pointer-events:none}.compact{justify-content:center;align-items:center;gap:6px;height:26px;margin-top:6px;transition:opacity .15s;display:flex}.panel{width:var(--w);opacity:0;gap:10px;padding:14px 16px 12px;transition:opacity .2s;display:grid;position:absolute;top:0;left:50%;translate:-50%}.notch:hover .compact,.notch.unpinned .compact{opacity:0}.notch:has(:focus-visible) .compact{opacity:0}.notch:hover .panel{opacity:1}.notch:has(:focus-visible) .panel{opacity:1}.hint{color:var(--muted);pointer-events:none;align-items:flex-end;gap:4px;font-size:12px;line-height:1;transition:opacity .2s;display:flex;position:absolute;top:40px;left:calc(50% + 62px)}.hint svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:30px;margin-bottom:5px}.notch:hover+.hint{opacity:0}.notch:has(:focus-visible)+.hint{opacity:0}@media (prefers-reduced-motion:reduce){.notch,.notch *{transition:none}}.notch .row{align-items:center;gap:6px;display:flex}.notch .row.top-aligned{align-items:flex-start}.notch .push{margin-left:auto}.notch .grid,.notch .list{gap:6px;display:grid}.notch .list{gap:8px;max-height:196px;overflow-y:auto}.notch button{appearance:none;font:inherit;cursor:pointer;border:0}.notch button:hover{filter:brightness(1.35)}.notch button:disabled{opacity:.35;cursor:default;filter:none}.notch :focus-visible{outline-offset:1px;outline:2px solid #fff}.notch .run{background:#ffffff4d;border-radius:50%;width:6px;height:6px;margin-right:2px}.notch .run.on{background:var(--amber)}.notch .time{font-variant-numeric:tabular-nums;font-size:34px;font-weight:300}.notch .title{font-size:13px;font-weight:600}.notch .label{color:#ffffff80;flex:none;width:50px;font-weight:400}.notch .top-aligned>.label{padding-top:4px}.notch .note{color:#fff6;font-weight:400}.notch .when{font-variant-numeric:tabular-nums;color:#ffffff8c;font-weight:400}.notch .when:first-child{width:84px}.notch .when.current{color:#fff}.notch .chip{color:#fff9;white-space:nowrap;background:#ffffff14;border-radius:999px;padding:4px 9px}.notch .chip.on{color:#fff;background:#ffffff3d}.notch .min{text-align:center;font-variant-numeric:tabular-nums;color:#fffc;width:46px;font-weight:400}.notch .dots{align-items:center;gap:3px;margin-right:2px;display:flex}.notch .dots i{background:var(--amber);border-radius:50%;width:5px;height:5px}.notch .dots b{color:var(--amber);font-size:9px;font-weight:600}.notch .ib{background:#ffffff14;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;padding:0;display:grid}.notch .ib.big{background:#ffffff29;width:34px;height:34px}.notch .ib.tiny{width:16px;height:16px}.notch .compact .time{font-size:13px;font-weight:500}.notch .compact .ib{background:#ffffff29;width:18px;height:18px;margin-left:4px}.notch svg{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:11px}.notch .big svg{width:13px}.notch .tiny svg{stroke:#ffffff80;width:8px}.notch .compact svg{stroke:#fff;width:9px}.notch svg .solid{fill:#fff;stroke:none}.notch input[type=range]{accent-color:#fff;flex:1;min-width:0;height:14px;margin:0}.icon{fill:none;width:96px;stroke:var(--amber);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.icon rect{fill:#1a1714;stroke:#2b2723;stroke-width:1px}.icon .dot{fill:var(--amber);stroke:none}h1{letter-spacing:-.02em;text-wrap:balance;margin:36px 0 16px;font-size:clamp(2rem,8vw,3.25rem);line-height:1.1}p{max-width:28rem;color:var(--muted);text-wrap:pretty;margin:0 auto}a{color:var(--amber)}.button{background:var(--amber);color:#1a1206;border-radius:11px;margin:40px 0 24px;padding:11px 34px;font-weight:600;text-decoration:none;display:inline-block}.button:hover{filter:brightness(1.1)}a:focus-visible{outline:2px solid var(--text);outline-offset:3px}.small{font-size:16px}