@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-vietnamese-500-normal-DjeaNLFD.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-500-normal-CsrJDWc5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-500-normal-B1RE8WP7.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");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}@property --progress{syntax:"<percentage>";inherits:false;initial-value:0%}@property --fill{syntax:"<percentage>";inherits:false;initial-value:0%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0f131c;--leaf:#151b27;--leaf-2:#1c2433;--rule:#242e43;--rule-strong:#35425e;--ink:#e8e3d5;--ink-strong:#f7f3e9;--ink-muted:#a6aec0;--ink-faint:#828ba0;--live:#ff6b4a;--live-ink:#1b0b06;--danger:#ff8f8f;--ink-rain:#79a0ec;--ink-ocean:#3fc2b0;--ink-creek:#52c6e2;--ink-forest:#adc25f;--ink-rainforest:#62c477;--ink-night:#9089ea;--ink-fire:#ddb052;--ink-wind:#bcc4d2;--ink-thunder:#bd86e4;--ink-white:#eceef3;--ink-pink:#ec9ab5;--ink-brown:#b9926e;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-num:"Barlow Condensed", "Arial Narrow", sans-serif;--glide:cubic-bezier(.16, 1, .3, 1);--row-h:64px;--gutter:16px}*{box-sizing:border-box}html{background:var(--ground);-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font:16px/1.45 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0}::selection{background:var(--rule-strong);color:var(--ink)}input,button,select{font:inherit;color:inherit;caret-color:var(--ink)}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}a{color:var(--ink);-webkit-text-decoration-color:var(--rule-strong);text-decoration-color:var(--rule-strong);text-underline-offset:3px}h1,h2,h3{text-wrap:balance;margin:0}[hidden]{display:none!important}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:500}.app{grid-template-rows:auto 1fr auto;height:100dvh;display:grid}.topbar{padding:calc(env(safe-area-inset-top) + 10px) var(--gutter) 10px;border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;display:flex}.wordmark{font:600 24px/1 var(--font-num);letter-spacing:.015em}.topbar__account{min-height:40px;color:var(--ink-muted);transition:background .3s var(--glide), color .3s var(--glide);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:15px;display:inline-flex}.topbar__account:hover{background:var(--leaf);color:var(--ink)}.panes{min-height:0;overflow:hidden}.pane{overscroll-behavior:contain;height:100%;overflow-y:auto}.view{padding:24px var(--gutter) 32px;max-width:720px}.view__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.view__head h1{font:600 32px/1.05 var(--font-num);letter-spacing:.005em}.bottom{border-top:1px solid var(--rule);background:var(--leaf);padding-bottom:env(safe-area-inset-bottom)}.tabs{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.tabs__tab{min-height:52px;color:var(--ink-faint);transition:color .3s var(--glide);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.tabs__tab[aria-current=page]{color:var(--ink)}.btn{min-height:44px;transition:background .3s var(--glide), color .3s var(--glide), border-color .3s var(--glide), opacity .3s var(--glide);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.btn--primary{background:var(--ink);color:var(--ground)}.btn--primary:hover:not(:disabled){background:var(--ink-strong)}.btn--primary:disabled{background:var(--leaf-2);color:var(--ink-faint)}.btn--quiet{border:1px solid var(--rule-strong);color:var(--ink)}.btn--quiet:hover:not(:disabled){background:var(--leaf-2)}.btn--quiet:disabled{color:var(--ink-faint)}.btn--add{border:1px dashed var(--rule-strong);width:100%;color:var(--ink-muted);margin-top:8px}.btn--add:hover{color:var(--ink);border-color:var(--ink-faint)}.icon-btn{width:44px;height:44px;color:var(--ink-muted);transition:background .3s var(--glide), color .3s var(--glide);border-radius:10px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--leaf-2);color:var(--ink)}.field{color:var(--ink-muted);gap:6px;font-size:14px;display:grid}.field input{border:1px solid var(--rule-strong);background:var(--ground);min-height:48px;color:var(--ink);transition:border-color .3s var(--glide);border-radius:10px;padding:0 14px;font-size:16px}.field input:focus{border-color:var(--ink-faint);outline:none}.field input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.field--inline{grid-auto-flow:column;justify-content:start;align-items:center}.field--inline input{width:96px;min-height:40px}.error{color:var(--danger);margin:0;font-size:14px}.segmented{border:1px solid var(--rule-strong);border-radius:10px;flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.segmented__opt{min-height:36px;color:var(--ink-muted);transition:background .4s var(--glide), color .4s var(--glide);border-radius:8px;padding:0 12px;font-size:14px;font-weight:600;line-height:1}.segmented--numeric .segmented__opt:not(.segmented__opt--word){font:500 17px/1 var(--font-num);letter-spacing:.02em}.segmented__opt:hover{color:var(--ink)}.segmented__opt[aria-checked=true]{background:var(--leaf-2);color:var(--ink);box-shadow:0 1px 2px #00000059}.segmented--small .segmented__opt{min-height:32px;padding:0 10px;font-size:13px}.level{appearance:none;--track:linear-gradient(to right, var(--layer-ink) var(--fill), var(--rule-strong) var(--fill));width:100%;height:32px;transition:--fill .6s var(--glide);background:0 0;margin:0}.level:active{transition:none}.level::-webkit-slider-runnable-track{background:var(--track);border-radius:3px;height:6px}.level::-moz-range-track{background:var(--track);border-radius:3px;height:6px}.level::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;background:var(--ink);border:4px solid var(--leaf);border-radius:50%;width:24px;height:24px;margin-top:-9px;box-shadow:0 1px 3px #00000080}.level::-moz-range-thumb{box-sizing:border-box;background:var(--ink);border:4px solid var(--leaf);border-radius:50%;width:24px;height:24px;box-shadow:0 1px 3px #00000080}.level:focus-visible{outline-offset:4px}.switch{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch__track{background:var(--rule-strong);width:44px;height:26px;transition:background .4s var(--glide);border-radius:13px;flex:none;position:relative}.switch__track:after{content:"";background:var(--ink-muted);width:20px;height:20px;transition:transform .4s var(--glide), background .4s var(--glide);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch__track{background:var(--ink)}.switch input:checked+.switch__track:after{background:var(--ground);transform:translate(18px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--ink);outline-offset:2px}.tag{border:1px solid var(--rule-strong);color:var(--ink-muted);vertical-align:1px;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:12px;font-weight:600;line-height:1.4;display:inline-block}.ink-dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.ribbon{background:var(--ribbon);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);flex:none;width:10px;height:30px;display:inline-block}.ribbon--starter{background:var(--rule-strong)}.ledger-head{border-bottom:1px solid var(--rule-strong);color:var(--ink-faint);justify-content:space-between;padding:0 56px 6px 26px;font-size:12px;font-weight:600;line-height:1;display:flex}.ledger-wrap{position:relative}.ledger-wrap--indexed{grid-template-columns:minmax(0,1fr) 28px;column-gap:8px;display:grid}.ledger-wrap--indexed>:not(.thumb-index){grid-column:1}.ledger-wrap .row{scroll-margin-top:12px}.search{border:1px solid var(--rule-strong);min-height:44px;color:var(--ink-faint);transition:border-color .3s var(--glide);border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--ink-faint)}.search:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:1px}.search input{min-width:0;min-height:42px;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.search input::placeholder{color:var(--ink-faint)}.thumb-index{touch-action:none;-webkit-user-select:none;user-select:none;height:min(calc(100dvh - 400px), calc(var(--letters) * 30px));flex-direction:column;grid-area:1/2/span 3;align-self:start;gap:2px;min-height:160px;display:flex;position:sticky;top:8px}.thumb-index__tab{background:var(--leaf);min-height:0;color:var(--ink-muted);font:600 14px/1 var(--font-num);transition:background .3s var(--glide), color .3s var(--glide), transform .3s var(--glide);border-radius:8px 0 0 8px;flex:1 1 0;place-items:center;display:grid}.thumb-index__tab:hover{background:var(--leaf-2);color:var(--ink)}.thumb-index__tab[aria-current=true]{background:var(--leaf-2);color:var(--ink);transform:translate(-4px)}.ledger{margin:0;padding:0;list-style:none}.starters{margin-top:36px}.starters summary,.credits summary{cursor:pointer;align-items:center;min-height:44px;list-style:none;display:flex}.starters summary::-webkit-details-marker{display:none}.credits summary::-webkit-details-marker{display:none}.starters summary:after,.credits summary:after{content:"";width:8px;height:8px;transition:transform .4s var(--glide);border-bottom:2px solid;border-right:2px solid;margin-left:10px;transform:rotate(45deg)translateY(-3px)}.starters[open] summary:after,.credits[open] summary:after{transform:rotate(225deg)translateY(-1px)}.ledger-title{font:600 20px/1.2 var(--font-num);color:var(--ink-muted);margin:0 0 8px}.row{border-bottom:1px solid var(--rule);transition:background .5s var(--glide);align-items:stretch;display:flex;position:relative}.row--loaded{background:var(--leaf)}.row__main{min-width:0;min-height:var(--row-h);text-align:left;flex:1;grid-template-columns:10px 1fr auto;align-items:start;gap:16px;padding:0 8px;display:grid}.row__main .ribbon{align-self:start}.row__text{gap:4px;min-width:0;padding:12px 0;display:grid}.row__name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.row__len{text-align:right;min-width:2ch;color:var(--ink-muted);transition:color .5s var(--glide);align-self:center;font-size:22px}.row--loaded .row__len{color:var(--ink)}.row--live .row__len:before{content:"";background:var(--live);vertical-align:3px;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.row__more{align-self:center;margin-right:2px}.row__menu{z-index:5;background:var(--leaf-2);border:1px solid var(--rule-strong);border-radius:12px;min-width:220px;padding:6px;display:grid;position:absolute;top:calc(100% - 6px);right:8px;box-shadow:0 12px 32px #00000073}.row__menu button{text-align:left;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-size:15px;display:flex}.row__menu button:hover{background:var(--rule)}.row__menu .danger{color:var(--danger)}.chips{color:var(--ink-muted);flex-wrap:wrap;gap:2px 12px;font-size:13px;display:flex}.chip{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.empty{max-width:46ch;color:var(--ink-muted);border-bottom:1px solid var(--rule);margin:0;padding:20px 0}.empty p{margin:0}.blend__title{align-items:flex-start;gap:12px;display:flex}.blend__title .ribbon{margin-top:-2px}.layers{border-top:1px solid var(--rule-strong);margin:0;padding:0;list-style:none}.layer{border-bottom:1px solid var(--rule);gap:6px;padding:12px 0 14px;display:grid}.layer__head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.layer__name{align-items:center;gap:10px;font-size:16px;font-weight:600;display:inline-flex}.layer__name:before{content:"";background:var(--layer-ink);border-radius:50%;width:10px;height:10px}.layer__now{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-faint);font-size:14px;overflow:hidden}.layer__remove{grid-column:3;margin-right:-10px}.layer__vary{justify-content:space-between;align-items:center;gap:12px;display:flex}.layer__vary-label{color:var(--ink-faint);font-size:14px}.setting{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.setting--stack{grid-template-columns:1fr;gap:4px;display:grid}.setting__label{font-size:15px;font-weight:600}.help{background:var(--leaf);max-width:60ch;color:var(--ink-muted);border-radius:10px;margin:8px 0 0;padding:12px 14px;font-size:14px}.savebar{gap:10px;margin-top:28px;display:grid}.savebar--naming{background:var(--leaf);border-radius:12px;padding:16px}.savebar__actions{justify-content:flex-end;gap:10px;display:flex}.dock{padding:12px var(--gutter);grid-template-columns:1fr auto;align-items:center;gap:14px;display:grid}.dock__setup,.dock__status{text-align:left;gap:8px;min-width:0;display:grid}.dock__blend{white-space:nowrap;text-overflow:ellipsis;align-items:flex-start;gap:10px;min-width:0;font-size:15px;font-weight:600;display:flex;overflow:hidden}.dock__blend .ribbon{width:8px;height:22px;margin-top:-12px}.dock__left{color:var(--ink-muted);font-size:14px}.dock__left .num{color:var(--ink);margin-right:4px;font-size:28px;font-weight:600}.dock__bar{background:var(--rule-strong);border-radius:2px;height:3px;display:block;overflow:hidden}.dock__bar span{background:var(--live);transform-origin:0;height:100%;transition:transform 1s linear;display:block}.dock__custom{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.play{background:var(--ink);width:64px;height:64px;color:var(--ground);transition:background .6s var(--glide), color .6s var(--glide), transform .2s var(--glide);border-radius:18px;place-items:center;display:grid;box-shadow:0 2px 8px #0006}.play:active:not(:disabled){transform:scale(.96)}.play:disabled{background:var(--leaf-2);color:var(--ink-faint);box-shadow:none}.dock--live .play,.session--live .play{background:var(--live);color:var(--live-ink)}.sheet{background:var(--leaf);width:100%;max-width:560px;max-height:88dvh;color:var(--ink);transition:transform .5s var(--glide), overlay .5s allow-discrete, display .5s allow-discrete;border:0;border-radius:18px 18px 0 0;margin:0 auto;padding:0;position:fixed;inset:auto 0 0;transform:translateY(0);box-shadow:0 -12px 40px #00000080}.sheet:not([open]){transform:translateY(100%)}@starting-style{.sheet[open]{transform:translateY(100%)}}.sheet::backdrop{transition:background .5s var(--glide), overlay .5s allow-discrete, display .5s allow-discrete;background:#05070c99}@starting-style{.sheet[open]::backdrop{background:#05070c00}}.sheet--full{background:var(--ground);border-radius:0;max-width:none;height:100dvh;max-height:none}.sheet__inner{max-height:inherit;height:100%;padding:8px var(--gutter) calc(env(safe-area-inset-bottom) + 20px);flex-direction:column;display:flex;overflow-y:auto}.sheet--full .sheet__inner{padding-top:calc(env(safe-area-inset-top) + 8px)}.sheet__head{justify-content:space-between;align-items:center;gap:12px;padding:8px 0 12px;display:flex}.sheet__head h2{font:600 24px/1.1 var(--font-num)}.sheet__head .icon-btn{margin-right:-10px}.picker{border-top:1px solid var(--rule-strong);margin:0;padding:0;list-style:none}.picker__item{border-bottom:1px solid var(--rule)}.picker__row{align-items:center;display:flex}.picker__main{text-align:left;border-radius:8px;flex:1;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;min-height:56px;padding-right:8px;display:grid}.picker__main:disabled .picker__name{color:var(--ink-faint)}.picker__name{font-weight:600}.picker__meta{color:var(--ink-faint);font-size:14px}.picker__add{color:var(--ink-muted);transition:color .3s var(--glide)}.picker__main:hover .picker__add{color:var(--ink)}.picker__expand svg{transition:transform .4s var(--glide)}.picker__expand[aria-expanded=true] svg{transform:rotate(180deg)}.picker__recordings{margin:0 0 10px;padding:0 0 0 20px;list-style:none}.picker__recordings button{text-align:left;width:100%;min-height:44px;color:var(--ink-muted);border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:0 8px;font-size:15px;display:grid}.picker__recordings button:hover:not(:disabled){background:var(--leaf-2);color:var(--ink)}.picker__recordings button:disabled{color:var(--ink-faint)}.picker__group{color:var(--ink-faint);font:600 18px/1 var(--font-num);padding:20px 0 6px}.auth,.account{gap:14px;display:grid}.auth__note,.account p{color:var(--ink-muted);max-width:52ch;margin:0;font-size:14px}.account strong{color:var(--ink)}.account__fine{font-size:13px}.auth__check:empty{display:none}.credits{border-top:1px solid var(--rule);color:var(--ink-muted);margin-top:28px;padding-top:14px;font-size:14px}.credits summary{cursor:pointer;min-height:32px;color:var(--ink);font-weight:600}.credits h3{font:600 17px/1.2 var(--font-num);color:var(--ink);margin:16px 0 4px}.credits ul{margin:0;padding-left:18px}.session{flex:1;grid-template-rows:auto auto 1fr auto;min-height:0;display:grid}.session__left{align-items:flex-end;gap:10px;margin:4px 0 0;line-height:.82;display:flex}.session__min{letter-spacing:-.02em;font-size:6rem;font-weight:600}.session__unit{color:var(--ink-muted);gap:6px;padding-bottom:6px;font-size:15px;line-height:1;display:grid}.session__unit .num{color:var(--ink);font-size:32px}.session__state{color:var(--ink-faint);margin:12px 0 18px;font-size:14px}.column{grid-template-rows:auto auto 1fr auto;min-height:280px;display:grid}.column__edge{height:28px;color:var(--ink-muted);align-items:center;font-size:18px;display:flex}.column__body{border-left:1px solid var(--rule-strong);margin-left:64px;position:relative}.column__rule{border-top:1px solid var(--rule);position:absolute;left:0;right:0}.column__rule span{text-align:right;width:56px;color:var(--ink-faint);font-size:16px;position:absolute;top:-10px;left:-64px}.column__planned,.column__fill{width:min(42%,160px);clip-path:polygon(30% 0, 70% 0, 100% calc(var(--fade-in) * 100%), 100% calc((1 - var(--fade-out)) * 100%), 70% 100%, 30% 100%, 0 calc((1 - var(--fade-out)) * 100%), 0 calc(var(--fade-in) * 100%));position:absolute;top:0;left:12px}.column__planned{background:var(--leaf-2);bottom:0}.column__fill{-webkit-mask:linear-gradient(to bottom, #000 var(--progress), transparent var(--progress));-webkit-mask:linear-gradient(to bottom, #000 var(--progress), transparent var(--progress));mask:linear-gradient(to bottom, #000 var(--progress), transparent var(--progress));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5'%3E%3Cpath d='M-1 6 6 -1M-1 1 1 -1M4 6 6 4' stroke='%23ff6b4a' stroke-opacity='.5' stroke-width='.9'/%3E%3C/svg%3E") 0 0/5px 5px,#ff6b4a14;transition:--progress 1s linear;bottom:0}.column__date{color:var(--ink-muted);margin:0 0 6px;font-size:14px;font-weight:600}.column__booking{text-align:center;width:min(42%,160px);color:var(--ink);text-shadow:0 1px 2px var(--ground);overflow-wrap:anywhere;justify-items:center;gap:2px;margin:0;padding:0 10px;font-size:13px;font-weight:600;line-height:1.25;display:grid;position:absolute;top:14px;left:12px}.column__booking .num{color:var(--ink-muted);font-size:15px}.column__now{background:var(--live);width:calc(18px + min(42%,160px));height:2px;box-shadow:0 0 0 3px var(--ground);margin-top:-1px;transition:top 1s linear;position:absolute;left:0}.sheet__head h2:focus{outline:none}.mark-tick,.mark-leader,.mark-rest,.mark-label{position:absolute;left:calc(16px + min(42%,160px))}.mark-tick{background:var(--layer-ink);width:12px;height:1px}.mark-leader{background:var(--layer-ink);opacity:.5;width:1px;left:calc(28px + min(42%,160px))}.mark-rest{background:var(--layer-ink);width:2px}.mark-label__arrow{vertical-align:-1px;margin-right:4px}.mark-label{color:var(--layer-ink);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.3;display:-webkit-box;left:calc(36px + min(42%,160px));right:0;overflow:hidden;transform:translateY(-50%)}.session__actions{justify-content:flex-end;align-items:center;gap:10px;padding-top:20px;display:flex}.session__actions .play{width:76px;height:76px;margin-left:auto}.tune{max-width:720px;padding:calc(env(safe-area-inset-top) + 24px) var(--gutter) 48px;height:100dvh;margin:0 auto;overflow-y:auto}.tune__head{justify-items:start;gap:12px;margin-bottom:24px;display:grid}.tune__head h1{font:600 32px/1.05 var(--font-num)}.tune__head p{max-width:60ch;color:var(--ink-muted);margin:0}.tune__group h2{font:600 20px/1.2 var(--font-num);align-items:center;gap:10px;margin:24px 0 8px;display:flex}.tune__list{border-top:1px solid var(--rule-strong);margin:0;padding:0;list-style:none}.tune__row{border-bottom:1px solid var(--rule);min-height:56px;transition:background .4s var(--glide);grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:8px;display:grid}.tune__row--on{background:var(--leaf)}.tune__name{min-width:0;padding:8px 0;font-weight:600;line-height:1.3}.tune__step{min-height:36px;padding:0 10px}.tune__db{text-align:center;min-width:64px;font-size:18px}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 200px);z-index:20;background:var(--leaf-2);border:1px solid var(--rule-strong);opacity:0;pointer-events:none;transition:opacity .4s var(--glide), transform .4s var(--glide);border-radius:10px;margin:0;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%,12px);box-shadow:0 8px 24px #0006}.toast--on{opacity:1;transform:translate(-50%)}@media (width>=900px){:root{--gutter:28px}.panes{grid-template-columns:minmax(360px,440px) 1fr;display:grid}.pane[hidden]{display:block!important}.pane--clients{border-right:1px solid var(--rule)}.tabs{display:none}.dock{padding:14px var(--gutter);grid-template-columns:1fr auto}.dock__setup{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}.toast{bottom:120px}}.pane--session{display:none}@media (width>=1200px){.panes--session{grid-template-columns:minmax(340px,400px) minmax(420px,1fr) minmax(340px,420px)}.pane--session{padding:24px var(--gutter) 24px;border-left:1px solid var(--rule);background:var(--ground);flex-direction:column;display:flex}.pane__title{font:600 24px/1.1 var(--font-num);color:var(--ink-muted)}.pane--session .session{flex:1}.app:has(.panes--session) .bottom{display:none}}.ink-canvas{z-index:0;pointer-events:none;opacity:.45;filter:blur(.8px);width:100vw;height:100dvh;position:fixed;inset:0}.topbar,.panes,.bottom{z-index:1;position:relative}.afterhours{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);opacity:0;transition:opacity 1.4s var(--glide), overlay 1.4s allow-discrete, display 1.4s allow-discrete;background:#04060a;border:0;place-items:center;margin:0;padding:0;position:fixed;inset:0}.afterhours:popover-open{opacity:1;display:grid}@starting-style{.afterhours:popover-open{opacity:0}}.afterhours--waking:not(.afterhours--on){opacity:0}.afterhours__inner{opacity:.62;justify-items:center;gap:10px;display:grid}.afterhours__title{color:var(--ink-muted);margin:0;font-size:15px;font-weight:600}.afterhours__left{color:var(--ink-muted);align-items:baseline;gap:10px;margin:0;font-size:16px;display:flex}.afterhours__left .num{color:var(--ink);font-size:6rem;font-weight:600;line-height:.9}.afterhours__appt{justify-items:center;gap:8px;margin:14px 0 6px;display:grid}.afterhours__time{color:var(--ink-faint);font-size:16px}.afterhours__column{width:44px;height:34dvh;position:relative}.afterhours__tick{border-top:1px solid var(--rule);position:absolute;left:-14px;right:-14px}.afterhours__block,.afterhours__fill{clip-path:polygon(30% 0, 70% 0, 100% calc(var(--fade-in) * 100%), 100% calc((1 - var(--fade-out)) * 100%), 70% 100%, 30% 100%, 0 calc((1 - var(--fade-out)) * 100%), 0 calc(var(--fade-in) * 100%));position:absolute;inset:0}.afterhours__block{background:var(--leaf-2)}.afterhours__fill{-webkit-mask:linear-gradient(to bottom, #000 var(--progress), transparent var(--progress));-webkit-mask:linear-gradient(to bottom, #000 var(--progress), transparent var(--progress));mask:linear-gradient(to bottom, #000 var(--progress), transparent var(--progress));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5'%3E%3Cpath d='M-1 6 6 -1M-1 1 1 -1M4 6 6 4' stroke='%23ff6b4a' stroke-opacity='.5' stroke-width='.9'/%3E%3C/svg%3E") 0 0/5px 5px,#ff6b4a14;transition:--progress 1s linear}.afterhours__now{background:var(--live);height:2px;margin-top:-1px;transition:top 1s linear;animation:6s ease-in-out infinite breathe;position:absolute;left:-16px;right:-16px}@keyframes breathe{0%,to{opacity:.35;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}.afterhours__hint{color:var(--ink-faint);margin:0;font-size:13px}.session__awake{margin-top:14px}@keyframes ribbon-drop{0%{opacity:0;transform:translateY(-70%)}}.row--loaded .ribbon,.blend__title .ribbon,.dock__blend .ribbon{animation:ribbon-drop .7s var(--glide) both}@keyframes ink-in{0%{opacity:0;transform:scale(0)}}.row--loaded .ink-dot{animation:ink-in .52s var(--glide) both;animation-delay:calc(.12s + var(--i,0) * 70ms)}.chip{--i:0}.row--loaded .chip .ink-dot{animation-delay:calc(.12s + var(--i) * 70ms)}@keyframes entry-in{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(10px)}to{clip-path:inset(0)}}.layer{animation:entry-in .64s var(--glide) both;animation-delay:calc(var(--i,0) * 60ms)}@keyframes rule-in{0%{opacity:0;transform:scaleX(.4)}}.column__rule{transform-origin:0;animation:rule-in .7s var(--glide) both;animation-delay:calc(var(--i,0) * 50ms)}@keyframes block-draw{0%{transform:scaleY(0)}}.column__planned,.column__fill{transform-origin:top;animation:block-draw 1.1s var(--glide) both;animation-delay:.15s}.column__booking{animation:ink-in-text .8s var(--glide) both;animation-delay:.7s}@keyframes ink-in-text{0%{opacity:0;filter:blur(3px)}}@keyframes write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.mark-label{animation:write .9s var(--glide) both;animation-delay:.9s}.mark-tick{transform-origin:0;animation:rule-in .5s var(--glide) both;animation-delay:.8s}::view-transition-group(*){animation-duration:.52s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(root){animation-duration:.32s}::view-transition-new(root){animation-duration:.32s}@media (prefers-reduced-motion:reduce){*,:before,:after,.sheet,.sheet::backdrop{transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}}