.tms{box-sizing:border-box;border-radius:var(--tms-r);background:var(--fill-slab,var(--card));width:min(300px,100%);color:var(--fill-on,var(--ink));font-family:var(--font-ui);-webkit-user-select:none;user-select:none;padding:20px 20px 16px}[data-stroke=on] .tms{box-shadow:0 0 0 1px var(--pane-edge)}.tms-read{justify-content:center;align-items:baseline;gap:8px;display:flex}.tms-time{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:500;line-height:1;display:inline-flex}.tms-col{height:1.5em;margin:-.25em 0;display:inline-block;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 30% 70%,#0000);mask-image:linear-gradient(#0000,#000 30% 70%,#0000)}.tms-strip{flex-direction:column;transition:transform .22s cubic-bezier(.24,1.34,.38,1);display:flex}.tms-strip>span{height:1.5em;line-height:1.5em}.tms-strip[data-flip=a]{animation:.26s ease-out tms-blur-a}.tms-strip[data-flip=b]{animation:.26s ease-out tms-blur-b}.tms-colon{padding:0 .02em}.tms-mer{color:color-mix(in srgb, var(--fill-on,#17181a) 52%, var(--fill-slab,#fff));letter-spacing:-.01em;align-self:center;font-size:14px;font-weight:500}.tms-ruler{cursor:grab;touch-action:pan-y;outline:none;height:58px;margin-top:14px;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.tms-ruler:active{cursor:grabbing}.tms-ruler:focus-visible{box-shadow:inset 0 0 0 2px var(--signal,#2231dd);border-radius:10px}.tms-track{position:absolute;top:0;bottom:0;left:50%}.tms-tick{background:var(--fill-on,var(--ink));transform-origin:50% 0;border-radius:1px;width:2px;height:10px;position:absolute;top:8px;left:-1px}.tms-tick[data-kind=quarter]{height:17px}.tms-tick[data-kind=hour]{height:25px}.tms-hour{white-space:nowrap;color:color-mix(in srgb, var(--fill-on,#17181a) 52%, var(--fill-slab,#fff));letter-spacing:0;font-size:11px;font-weight:400;position:absolute;top:38px;left:0}.tms-mark{background:var(--err);border-radius:2px;width:3px;height:32px;margin-left:-1.5px;position:absolute;top:2px;left:50%}@keyframes tms-blur-a{0%{filter:blur(2px)}to{filter:blur()}}@keyframes tms-blur-b{0%{filter:blur(2px)}to{filter:blur()}}.tms-op{font-family:var(--font-mono);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin-top:12px;font-size:13px;line-height:18px;overflow:hidden}.tms-state{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:color-mix(in srgb, var(--fill-on,#17181a) 52%, var(--fill-slab,#fff));margin-top:2px;font-size:13px;line-height:18px;overflow:hidden}@media (prefers-reduced-motion:reduce){.tms *{transition:none;animation:none}}
.tst{width:min(300px,100%);font-family:var(--font-ui);color:var(--fill-on,var(--ink));--tst-mute:color-mix(in srgb, var(--fill-on,#17181a) 52%, var(--fill-slab,#fff));--tst-wash:color-mix(in srgb, var(--fill-on,#17181a) 6%, var(--fill-slab,#fff));position:relative}.tst-toast{box-sizing:border-box;border-radius:var(--tst-r);background:var(--fill-slab,#fff);transform-origin:50% 0;align-items:center;gap:12px;width:100%;padding:0 12px 0 16px;transition:background-color .22s,box-shadow .22s;display:flex;position:absolute;top:0;left:0}.tst:not([data-open]) .tst-toast:not([data-front]){background:color-mix(in srgb, var(--fill-on,#17181a) 6%, var(--fill-slab,#fff));box-shadow:0 0 0 1px color-mix(in srgb, var(--fill-on,#17181a) 6%, transparent)}[data-stroke=on] .tst-toast{box-shadow:0 0 0 1px var(--pane-edge)}.tst-toast>*{transition:opacity .22s}.tst:not([data-open]) .tst-toast:not([data-front])>*{opacity:0}.tst-icon{flex:none;place-items:center;display:grid}.tst-toast[data-kind=success] .tst-icon{color:#1f9d55}.tst-toast[data-kind=error] .tst-icon{color:var(--err)}.tst-toast[data-kind=warning] .tst-icon{color:#e09a12}.tst-toast[data-kind=info] .tst-icon{color:var(--tst-mute)}.tst-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tst-text b{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;font-size:14px;font-weight:500;line-height:18px;overflow:hidden}.tst-text span{color:var(--tst-mute);white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;font-size:13px;line-height:17px;overflow:hidden}.tst-act{background:var(--tst-wash);height:28px;color:inherit;font:inherit;cursor:pointer;letter-spacing:0;border:0;border-radius:999px;flex:none;padding:0 12px;font-size:13px;font-weight:500;transition:scale .16s cubic-bezier(.22,1,.36,1)}.tst-act:active{scale:.96}.tst-x{width:28px;height:28px;color:var(--tst-mute);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;transition:background-color .16s,color .16s;display:grid}.tst-x:hover{background:var(--tst-wash);color:var(--fill-on,var(--ink))}.tst-act:focus-visible,.tst-x:focus-visible{box-shadow:0 0 0 2px var(--signal,#2231dd);outline:none}

body:not(:has(nav[aria-label="Main"]))::after{content:"Static preview of Hebra with demo data. Sign-in and actions need a running server.";position:fixed;inset:auto 0 0 0;z-index:100;padding:6px 12px;font:12px/1.4 system-ui,sans-serif;text-align:center;background:#0b0c0e;color:#aeb4bd;border-top:1px solid #2a2d33;pointer-events:none}