.sbk{--sbk-p1:233 107 76;--sbk-p2:201 61 92;--sbk-dot:rgba(0,0,0,.1);--sbk-surface:#fff;--sbk-sunken:#f6f6f4;--sbk-line:rgba(0,0,0,.12);--sbk-text:#1c1c1c;--sbk-muted:#5c6068;--sbk-ink:#171717;--sbk-ink-text:#fff;--sbk-accent:#0e7490;--sbk-green:#2d7a4e;--sbk-green-fill:#e6f4ea;background-color:#00000005;border-radius:14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;height:470px;isolation:isolate;position:relative}.dark .sbk{--sbk-dot:hsla(0,0%,100%,.13);--sbk-surface:#1f1f1f;--sbk-sunken:#171717;--sbk-line:hsla(0,0%,100%,.15);--sbk-text:#ececec;--sbk-muted:#a8a8a8;--sbk-ink:#ececec;--sbk-ink-text:#171717;--sbk-accent:#67e8f9;--sbk-green:#6ed39a;--sbk-green-fill:rgba(63,178,110,.18);background-color:#ffffff08}.sbk--tall{height:520px}@media(min-width:1024px){.sbk--tall .sbk-frame{max-width:500px}}.sbk:before{background:radial-gradient(circle,var(--sbk-dot) .8px,transparent 1.3px) 7px 7px /14px 14px,radial-gradient(150% 150% at 50% 45%,rgb(var(--sbk-p1)/.14) 0,rgb(var(--sbk-p2)/.07),rgb(var(--sbk-p2)/0));border-radius:inherit;content:"";inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 70%,rgba(0,0,0,.55) 100%);mask-image:radial-gradient(closest-side,#000 70%,#0000008c);position:absolute;z-index:-1}.sbk-frame{height:100%;margin:0 auto;max-width:440px;padding:26px 26px 30px;position:relative}.sbk-window{background:var(--sbk-surface);border:1px solid var(--sbk-line);border-radius:10px;box-shadow:0 6px 22px #00000014;color:var(--sbk-text);font-size:12px;height:100%;line-height:1.4;overflow:hidden}.sbk-bar{align-items:center;border-bottom:1px solid var(--sbk-line);display:flex;gap:5px;padding:8px 10px}.sbk-bar i{background:var(--sbk-line);border-radius:50%;height:7px;width:7px}.sbk-bar span{background:var(--sbk-sunken);border-radius:5px;color:var(--sbk-muted);flex:1;font-size:10.5px;margin-left:6px;min-width:0;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap}.sbk-page{padding:14px 16px}.sbk-biz{align-items:center;display:flex;gap:8px}.sbk-biz b{font-size:13px;font-weight:700}.sbk-logo{background:var(--sbk-ink);border-radius:6px;color:var(--sbk-ink-text);display:grid;font-size:10px;font-weight:800;height:26px;place-items:center;width:26px}.sbk-steps{border-bottom:1px solid var(--sbk-line);color:var(--sbk-muted);display:flex;font-size:11px;gap:12px;list-style:none;margin:12px 0 0;padding:0 0 10px}.sbk-steps li{align-items:center;display:flex;gap:5px;transition:color .3s ease}.sbk-steps li span{border:1px solid var(--sbk-line);border-radius:50%;display:grid;font-size:9px;height:16px;place-items:center;transition:background-color .3s ease,color .3s ease;width:16px}.sbk-steps li.is-on{color:var(--sbk-text);font-weight:600}.sbk-steps li.is-done span,.sbk-steps li.is-on span{background:var(--sbk-ink);border-color:var(--sbk-ink);color:var(--sbk-ink-text)}.sbk-views{display:grid;margin-top:12px}.sbk-view{grid-area:1/1;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s;visibility:hidden}.sbk-view.is-on{opacity:1;transform:none;transition:opacity .35s ease .1s,transform .35s ease .1s,visibility 0s;visibility:visible}.sbk-view h4{font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.sbk-row{align-items:center;border:1px solid var(--sbk-line);border-radius:8px;display:flex;gap:8px;justify-content:space-between;margin-top:6px;padding:9px 11px}.sbk-row b{display:block;font-size:12.5px;font-weight:600}.sbk-row small{color:var(--sbk-muted);font-size:11px}.sbk-row.is-pick{border-color:var(--sbk-ink);box-shadow:inset 0 0 0 1px var(--sbk-ink)}.sbk-chev{border-right:1.5px solid var(--sbk-muted);border-top:1.5px solid var(--sbk-muted);height:7px;transform:rotate(45deg);width:7px}.sbk-day,.sbk-sub{color:var(--sbk-muted);font-size:11px;margin:0}.sbk-day{color:var(--sbk-text);font-weight:600;margin-top:10px}.sbk-slots{display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}.sbk-slot{border:1px solid var(--sbk-line);border-radius:6px;font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;padding:7px 0;text-align:center}.sbk-slot small{color:var(--sbk-muted);font-size:9px;font-weight:500;margin-left:2px}.sbk-slot.is-pick{background:var(--sbk-ink);border-color:var(--sbk-ink);color:var(--sbk-ink-text)}.sbk-slot.is-pick small{color:inherit;opacity:.75}.sbk-slot.is-busy{border-style:dashed;color:transparent}.sbk-slot.is-busy small{color:transparent}.sbk-field{margin-top:7px}.sbk-field label{color:var(--sbk-muted);display:block;font-size:10.5px;font-weight:600}.sbk-field label em{color:#ba3a37;font-style:normal}.sbk-field div{border:1px solid var(--sbk-line);border-radius:6px;font-size:12px;margin-top:3px;padding:6px 9px}.sbk-field div.is-select{padding-right:24px;position:relative}.sbk-field div.is-select:after{border-bottom:1.5px solid var(--sbk-muted);border-right:1.5px solid var(--sbk-muted);content:"";height:6px;margin-top:-5px;position:absolute;right:10px;top:50%;transform:rotate(45deg);width:6px}.sbk-intake div{border-color:color-mix(in srgb,var(--sbk-accent) 55%,var(--sbk-line))}.sbk-sum{border:1px solid var(--sbk-line);border-radius:8px;padding:10px 12px}.sbk-sum p{color:var(--sbk-muted);font-size:11px;margin:2px 0 0}.sbk-sum-line{display:flex;gap:8px;justify-content:space-between}.sbk-sum-total{border-top:1px solid var(--sbk-line);color:var(--sbk-muted);margin-top:9px;padding-top:8px}.sbk-sum-due{font-size:13px;margin-top:4px}.sbk-note{color:var(--sbk-muted);font-size:11px;margin:9px 0 0}.sbk-btn{background:var(--sbk-ink);border-radius:7px;color:var(--sbk-ink-text);display:block;font-size:12.5px;font-weight:700;margin-top:10px;padding:9px;text-align:center}.sbk-btn--quiet{background:transparent;border:1px solid var(--sbk-line);color:var(--sbk-text);font-weight:600;margin-top:8px}.sbk-done{text-align:center}.sbk-ok{background:var(--sbk-green-fill);border-radius:50%;color:var(--sbk-green);display:inline-grid;font-size:15px;font-weight:800;height:30px;place-items:center;width:30px}.sbk-done h4{margin:6px 0}.sbk-done dl{display:grid;gap:3px;margin:0;text-align:left}.sbk-done dl div{border-bottom:1px solid var(--sbk-line);display:flex;gap:8px;justify-content:space-between;padding:3px 0}.sbk-done dt{color:var(--sbk-muted);font-size:11px}.sbk-done dd{font-size:11.5px;font-weight:600;margin:0;text-align:right}.sbk-acts{display:flex;gap:6px;justify-content:center;margin-top:8px}.sbk-acts span{border:1px solid var(--sbk-line);border-radius:6px;font-size:10.5px;font-weight:600;padding:5px 8px}.sbk-after{background:var(--sbk-sunken);border-radius:8px;margin-top:8px;padding:9px 11px}.sbk-after small{color:var(--sbk-muted);font-size:10.5px;font-weight:600}.sbk-after p{font-size:11.5px;margin:2px 0 0}.sbk-tag{align-items:center;background:var(--sbk-surface);border:1px solid var(--sbk-line);border-radius:8px;box-shadow:0 10px 26px -10px #0f172a59;color:var(--sbk-text);display:flex;font-size:11px;gap:8px;line-height:1.35;max-width:230px;opacity:0;padding:8px 11px;position:absolute;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;z-index:1}.sbk-tag.is-on{opacity:1;transform:none;transition-delay:.45s}.sbk-tag b{display:block;font-size:11.5px}.sbk-tag small{color:var(--sbk-muted);font-size:10.5px}.sbk-tag--gcal{bottom:20%;right:0}.sbk-tag--intake{bottom:14%;right:0}.sbk-tag--stripe{bottom:6%;left:0}.sbk-gdot{align-self:stretch;background:#1a73e8;border-radius:2px;flex:none;width:4px}.sbk.is-time .sbk-slot.is-busy{animation:sbk-busy .5s ease .95s both}@keyframes sbk-busy{0%{border-style:solid;color:var(--sbk-text);opacity:1}40%{opacity:.35}to{border-style:dashed;color:transparent;opacity:1}}.sbk.is-details .sbk-intake{animation:sbk-rise .4s ease calc(.35s + var(--i)*.18s) both}@keyframes sbk-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sbk-replay{background:transparent;border:0;border-radius:8px;bottom:2px;color:#595f68;cursor:pointer;display:grid;height:40px;place-items:center;position:absolute;right:8px;width:40px}.dark .sbk-replay{color:#a3a3a3}.sbk-replay:hover{background:#00000014}.sbk-replay:focus-visible{outline:2px solid #0e7490;outline-offset:1px}.sbk-replay svg{fill:currentColor;height:20px;width:20px}@media(max-width:639px){.sbk,.sbk--tall{height:500px}.sbk-frame{padding:12px 10px 46px}.sbk-page{padding:12px}.sbk-steps{gap:8px}.sbk-tag{max-width:200px}.sbk-tag--gcal,.sbk-tag--intake{bottom:24px;right:-4px}.sbk-tag--stripe{bottom:24px;left:-4px}}@media(prefers-reduced-motion:reduce){.sbk *,.sbk :before{animation:none!important;transition:none!important}}