.sd-mockbox{width:100%;max-width:calc(162dvh - 210.6px);container-type:inline-size}.sd-mock{border-radius:var(--radius-large);border:1px solid var(--color-story-line);background:var(--color-content1);box-shadow:var(--shadow-story);color:var(--color-story-ink);font-size:clamp(11px,1.6cqw,15px);line-height:1.6;position:relative;overflow:hidden}[data-home-story] .sd-mock{box-shadow:none}@media (max-width:899px){.sd-mock{font-size:9.8px}}.sd-shell{display:flex}.sd-shell .sd-main{flex:1;min-width:0;container-type:inline-size}.sd-side{border-inline-end:1px solid var(--color-story-line);background:var(--color-content2);flex-direction:column;flex:none;align-items:center;width:5.4em;padding:.9em .4em;display:flex}.sd-side-logo{border-radius:var(--radius-small);flex:none;width:2.4em;height:2.4em;margin-bottom:.9em}.sd-side-list{grid-auto-rows:3.4em;width:100%;display:grid;position:relative}.sd-side-hl{inset-inline:0;border-radius:var(--radius-small);border:1px solid color-mix(in srgb, var(--color-brand-secondary) 50%, transparent);background:color-mix(in srgb, var(--color-brand-secondary) 35%, transparent);height:8.33333%;translate:0 calc(var(--i) * 100%);position:absolute;top:0}.sd-side-item{min-height:0;color:var(--color-story-muted);flex-direction:column;justify-content:center;align-items:center;gap:.2em;display:flex;position:relative}.sd-side-item[data-active]{color:var(--color-story-ink)}.sd-side-item svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.5em;height:1.5em}.sd-side-label{white-space:nowrap;font-size:.72em;line-height:1.2}.sd-features[data-motion=true] .sd-side-list{flex:1;grid-template-rows:repeat(12,minmax(0,1fr));grid-auto-rows:auto;min-height:0}.sd-features[data-motion=true] .sd-side-hl{translate:none}@container (max-width:599px){.sd-side{width:2.9em;padding-inline:.3em}.sd-side-logo{width:1.8em;height:1.8em;margin-bottom:.6em}.sd-side-label{display:none}}.sd-bar{border-bottom:1px solid var(--color-story-line);background:color-mix(in srgb, var(--color-story-ink) 3%, transparent);align-items:center;gap:.5em;padding:.7em 1em;display:flex}.sd-bar>i{background:color-mix(in srgb, var(--color-story-ink) 20%, transparent);border-radius:50%;width:.75em;height:.75em}.sd-bar>b{color:var(--color-story-muted);margin-inline-start:auto;font-size:.95em;font-weight:600}.sd-thread{border-radius:var(--radius-small);color:var(--color-story-sky);background:#22d3ee1f;border:1px solid #22d3ee66;align-items:center;gap:.5em;padding:0 .8em;font-size:.85em;display:flex}.sd-body{position:relative}.sd-scr{padding:1em;position:relative}.sd-scr:not([data-screen="0"]){flex-direction:column;justify-content:center;font-size:1.28em;display:flex}.sd-scr:not([data-screen="0"])>*{width:100%}@media (max-width:899px){.sd-scr:not([data-screen="0"]){font-size:1.2em}}.sd-scr[data-screen="0"]{padding-bottom:6.4em}@container (min-width:600px){.sd-scr[data-screen="0"]{padding-bottom:5.2em}}.sd-features:not([data-motion=true]) .sd-scr{border-bottom:1px dashed var(--color-story-line);margin-bottom:8px}.sd-features[data-motion=true] .sd-body{aspect-ratio:16/10}.sd-features[data-motion=true] .sd-scr{position:absolute;inset:0;overflow:hidden}@media (max-width:899px){.sd-features[data-motion=true] .sd-body{aspect-ratio:auto;height:max(330px,100dvh - 340px)}}.sd-box{padding:.7em 0}.sd-box+.sd-box{border-top:1px solid var(--color-story-line)}.sd-h{color:var(--color-story-ink);margin:0 0 .4em;font-size:1em;font-weight:700}.sd-t{color:var(--color-story-muted)}.sd-dash{grid-template-columns:repeat(2,1fr);grid-template-areas:"k1 k2""k3 k4""chart chart""tasks orders";gap:.7em;display:grid}.sd-dash>*{min-width:0}.sd-k1{grid-area:k1}.sd-k2{grid-area:k2}.sd-k3{grid-area:k3}.sd-k4{grid-area:k4}.sd-w-chart{grid-area:chart}.sd-w-orders{grid-area:orders}.sd-w-team{grid-area:team}.sd-w-tasks{grid-area:tasks}.sd-w-cal{grid-area:cal}.sd-w-note{grid-area:note}.sd-w-team,.sd-w-cal,.sd-w-note{display:none}@container (min-width:600px){.sd-dash{grid-template-columns:repeat(4,1fr);grid-template-areas:"k1 k2 k3 k4""chart chart chart tasks""team orders cal note"}.sd-w-team,.sd-w-cal,.sd-w-note{display:block}}.sd-w-tasks,.sd-w-orders{z-index:5;position:relative}.sd-kpi{position:relative}.sd-v{font-size:1.45em;font-weight:800;line-height:1.35}.sd-v small{color:var(--color-story-muted);font-size:.55em;font-weight:500}.sd-hl{border-radius:inherit;border:1px solid var(--color-story-sky);opacity:0;background:#22d3ee1a;position:absolute;inset:0}.sd-fbar{align-items:center;gap:.45em;margin-bottom:.4em;display:flex}.sd-chip{border-radius:var(--radius-small);border:1px solid var(--color-story-line);padding:.1em .8em;font-size:.92em;position:relative;overflow:hidden}.sd-chip-bg{background:var(--color-story-brand);opacity:0;position:absolute;inset:0}.sd-chip-on .sd-chip-bg{opacity:1}.sd-chip>span:last-child{position:relative}.sd-bars{border-bottom:1px solid var(--color-story-line);align-items:flex-end;gap:.5em;height:8.5em;display:flex}.sd-bars>i{background:var(--color-story-accent);transform-origin:50% 100%;height:100%;transform:scaleY(var(--m));border-radius:.35em .35em 0 0;flex:1}.sd-blab{height:1.4em;color:var(--color-story-muted);margin-top:.3em;font-size:.85em;position:relative}.sd-blab>div{gap:.5em;display:flex;position:absolute;inset:0}.sd-blab span{text-align:center;flex:1}.sd-wk{opacity:0}.sd-row{border-bottom:1px solid color-mix(in srgb, var(--color-story-ink) 6%, transparent);justify-content:space-between;align-items:center;gap:.5em;padding:.28em 0;font-size:.95em;display:flex}.sd-row:last-child{border-bottom:0}.sd-row span{white-space:nowrap}.sd-tag{border-radius:var(--radius-small);padding:0 .6em;font-size:.85em}.sd-ok{color:var(--color-story-ok);background:#34d3992e}.sd-pr{color:var(--color-story-warn);background:#fbbf242e}.sd-wt{color:var(--color-story-bad);background:#fb71852e}.sd-chk{vertical-align:middle;border:1.5px solid var(--color-story-muted);border-radius:.25em;width:.9em;height:.9em;margin-inline-end:.5em;display:inline-block}.sd-ai{inset-inline:1em;z-index:6;border-top:1px solid var(--color-story-line);flex-wrap:wrap;align-items:center;gap:.2em 1.2em;padding:.6em 0;display:flex;position:absolute;bottom:.9em}.sd-ai-label{color:var(--color-story-accent);font-weight:700}.sd-ai p{margin:0;font-size:.95em;line-height:1.7}.sd-ai-glow{border-radius:inherit;border:1px solid var(--color-story-sky);pointer-events:none;position:absolute;inset:-1px}.sd-panel{z-index:7;background:color-mix(in srgb, var(--color-brand-secondary) 15%, var(--color-content1));border-left:1px solid var(--color-story-line);visibility:hidden;width:min(22em,86%);padding:1em;position:absolute;top:0;bottom:0;right:0}.sd-cursor{z-index:9;pointer-events:none;visibility:hidden;filter:drop-shadow(0 2px 4px #0003);width:1.7em;height:1.7em;position:absolute;top:0;left:0}[data-home-story] .sd-cursor{filter:none}.sd-ring{z-index:9;border:2px solid var(--color-story-sky);opacity:0;pointer-events:none;border-radius:50%;width:2.4em;height:2.4em;margin:-1em 0 0 -1em;position:absolute;top:0;left:0}.sd-profile{gap:.7em;display:grid}@container (min-width:600px){.sd-profile{grid-template-columns:1fr 1.3fr}}.sd-avatar{background:color-mix(in srgb, var(--color-brand-secondary) 25%, var(--color-content1));border-radius:50%;flex:none;place-items:center;width:3.2em;height:3.2em;font-weight:800;display:grid}.sd-bubble{border-radius:var(--radius-medium);max-width:88%;margin-bottom:.4em;padding:.35em .8em;font-size:.95em}.sd-bubble-a{background:color-mix(in srgb, var(--color-story-ink) 8%, transparent)}.sd-bubble-b{background:color-mix(in srgb, var(--color-brand-secondary) 40%, transparent);margin-inline-start:auto}.sd-stats{grid-template-columns:repeat(3,1fr);gap:.6em;display:grid}.sd-stats .sd-v{font-size:1.4em}.sd-btn{border-radius:var(--radius-small);background:var(--color-story-brand);padding:.25em 1em;font-weight:700;display:inline-block}.sd-abars{align-items:flex-end;gap:.5em;height:6em;margin:.7em 0;display:flex}.sd-abars>i{background:var(--color-story-accent);transform-origin:50% 100%;border-radius:.3em .3em 0 0;flex:1}.sd-wait{opacity:0;visibility:hidden}