@layer components{.workspace{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);min-block-size:25rem;overflow:hidden;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface-raised);box-shadow:var(--seal-shadow-plate);font-size:var(--text-sm);color:var(--color-text-secondary)}.workspace__bar-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-block-end:3px double var(--color-border-strong);background-color:var(--color-surface-sunken)}.workspace__screen{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text-primary)}.workspace__live{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-status-positive)}.workspace__live:before{content:"";inline-size:.5rem;block-size:.5rem;border-radius:50%;background-color:currentColor}.workspace__body{display:grid;grid-template-columns:7.5rem minmax(0,1fr)}.workspace__rail{display:grid;align-content:start;gap:var(--space-1);margin:0;padding:var(--space-3) var(--space-2);border-inline-end:1px solid var(--color-border-subtle);background-color:var(--color-surface-sunken);list-style:none}.workspace__rail>li{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.workspace__rail>li:first-child{background-color:var(--color-brand);color:var(--color-text-on-brand)}.workspace__main{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4);min-inline-size:0}.workspace__kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0}.workspace__kpis>div{padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background-color:var(--color-surface-base)}.workspace__kpis dd{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.workspace__chart{margin:0;color:var(--color-text-muted)}.workspace__svg{display:block;inline-size:100%;overflow:visible}:dir(rtl) .workspace__svg{scale:-1 1}.workspace__bars{block-size:6.5rem;border-block-end:1px solid var(--color-border-strong)}.workspace__bar{fill:var(--color-chart-2);transform-box:fill-box;transform-origin:bottom center}.workspace__bar--now{fill:var(--color-chart-3)}.workspace__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2)}.workspace__cell{aspect-ratio:1;border:1.5px dashed var(--color-border-control);border-radius:var(--radius-sm)}.workspace__cell[data-state="1"]{border-style:solid;border-color:var(--color-chart-2);background-color:var(--color-chart-2)}.workspace__cell[data-state="2"]{border-style:solid;border-color:var(--color-chart-3);background-color:var(--color-chart-3)}.workspace__stages{block-size:1.25rem;margin-block:var(--space-3)}.workspace__stage{fill:var(--color-surface-sunken);stroke:var(--color-border-subtle);stroke-width:.3}.workspace__stage-fill{fill:var(--color-brand);transform-box:fill-box;transform-origin:left center}.workspace__gantt{block-size:5rem}.workspace__lane{fill:var(--color-surface-sunken)}.workspace__span{fill:var(--color-chart-2)}.workspace__gantt>g:first-child .workspace__span{fill:var(--color-chart-1)}.workspace__today{stroke:var(--color-status-negative);stroke-width:.8;translate:38px 0}.workspace__rows{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.workspace__row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-block-end:1px solid var(--color-border-subtle);color:var(--color-text-primary)}.workspace__pill{flex:none;padding:0 var(--space-2);border:1px solid var(--color-border-control);border-radius:999px;color:var(--color-text-muted)}.workspace__row[data-state=done] .workspace__pill{border-color:var(--color-status-positive);background-color:var(--color-status-positive-surface);color:var(--color-status-positive)}.workspace__row[data-state=active] .workspace__pill{border-color:var(--color-status-info);background-color:var(--color-status-info-surface);color:var(--color-status-info)}.workspace__row[data-state=active]:after{content:"";position:absolute;inset-inline:0;inset-block-end:-1px;block-size:2px;background-color:var(--color-status-info);scale:.6 1;transform-origin:left center}:dir(rtl) .workspace__row[data-state=active]:after{transform-origin:right center}.workspace--inline{margin-block-start:var(--space-6);min-block-size:0}.workspace--deferred{min-block-size:25rem}.shapes__note{margin-block-start:var(--space-8);font-size:var(--text-sm);color:var(--color-text-muted)}}@media (prefers-reduced-motion:no-preference){.workspace__bar{animation:board-breathe 2.8s ease-in-out infinite alternate}.workspace__bar:nth-child(2n){animation-delay:-.7s}.workspace__bar:nth-child(3n){animation-delay:-1.4s}.workspace__bar:nth-child(5n){animation-delay:-2.1s}.workspace__cell[data-state="2"]{animation:board-call 1.6s ease-in-out infinite alternate}.workspace__stage-fill[data-running=true]{animation:board-fill 3.2s var(--ease-settle) infinite}.workspace__today{animation:board-today 9s ease-in-out infinite alternate}.workspace__row[data-state=active]:after{animation:board-run 2.4s var(--ease-settle) infinite}.workspace__live:before{animation:board-call 1.1s ease-in-out infinite alternate}}@keyframes board-breathe{0%{scale:1 .82}to{scale:1 1}}@keyframes board-call{0%{scale:1}to{scale:.82}}@keyframes board-fill{0%{scale:0 1}to{scale:1 1}}@keyframes board-today{0%{translate:30px 0}to{translate:62px 0}}@keyframes board-run{0%{scale:0 1}to{scale:1 1}}@layer components{.deck{--deck-step:0.75rem;--crop:var(--color-border-strong);position:relative;isolation:isolate}.deck:before{inset:0;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background-color:var(--color-surface-sunken);box-shadow:calc(var(--m-dir) * var(--deck-step)) var(--deck-step) 0 -1px var(--color-surface-sunken),calc(var(--m-dir) * var(--deck-step)) var(--deck-step) 0 0 var(--color-border-subtle),var(--seal-shadow-note);translate:calc(var(--m-dir) * var(--deck-step)) var(--deck-step)}.deck:after,.deck:before{content:"";position:absolute;z-index:-1}.deck:after{inset:calc(var(--deck-step) * -1.5);pointer-events:none;background:linear-gradient(var(--crop),var(--crop)) 0 0 /.75rem 1px no-repeat,linear-gradient(var(--crop),var(--crop)) 0 0 /1px .75rem no-repeat,linear-gradient(var(--crop),var(--crop)) 100% 0 /.75rem 1px no-repeat,linear-gradient(var(--crop),var(--crop)) 100% 0 /1px .75rem no-repeat,linear-gradient(var(--crop),var(--crop)) 0 100% /.75rem 1px no-repeat,linear-gradient(var(--crop),var(--crop)) 0 100% /1px .75rem no-repeat,linear-gradient(var(--crop),var(--crop)) 100% 100% /.75rem 1px no-repeat,linear-gradient(var(--crop),var(--crop)) 100% 100% /1px .75rem no-repeat}.deck--mirror:before{box-shadow:calc(var(--m-dir) * var(--deck-step) * -1) var(--deck-step) 0 -1px var(--color-surface-sunken),calc(var(--m-dir) * var(--deck-step) * -1) var(--deck-step) 0 0 var(--color-border-subtle),var(--seal-shadow-note);translate:calc(var(--m-dir) * var(--deck-step) * -1) var(--deck-step)}.deck{counter-reset:note 1000}.deck__note{--note-ink:var(--seal-press-a);counter-increment:note}.deck__note:nth-child(3n+2){--note-ink:var(--seal-press-b)}.deck__note:nth-child(3n){--note-ink:var(--seal-press-c)}.deck__note>.workspace{position:relative;padding-block-end:var(--space-6);transform-origin:50% 120%}.deck__note>.workspace:before{content:"";position:absolute;inset-block-start:.125rem;inset-inline:var(--space-2);z-index:1;block-size:.5rem;background-color:var(--note-ink);mask-image:var(--seal-band-a);mask-repeat:repeat-x;mask-size:2rem .5rem;pointer-events:none}.deck__note>.workspace:after{content:"№ " counter(note);position:absolute;inset-block-end:var(--space-1);inset-inline-end:var(--space-4);z-index:1;color:var(--note-ink);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:.08em;pointer-events:none}}@layer components{}@supports (animation-timeline:view()){.deck__note:first-child>.workspace{--fan:7;animation-range:contain 12.5% contain 15%}.deck__note:nth-child(2)>.workspace{--fan:6;animation-range:contain 25% contain 27.5%}.deck__note:nth-child(3)>.workspace{--fan:5;animation-range:contain 37.5% contain 40%}.deck__note:nth-child(4)>.workspace{--fan:4;animation-range:contain 50% contain 52.5%}.deck__note:nth-child(5)>.workspace{--fan:3;animation-range:contain 62.5% contain 65%}.deck__note:nth-child(6)>.workspace{--fan:2;animation-range:contain 75% contain 77.5%}.deck__note:nth-child(7)>.workspace{--fan:1;animation-range:contain 87.5% contain 90%}.deck__note:nth-child(-n+7)>.workspace{rotate:calc(var(--m-dir) * var(--fan) * -1.1deg)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.deck__note:nth-child(-n+7)>.workspace{animation:deck-fan linear both;animation-timeline:--m-swap}}}@media (prefers-reduced-motion:reduce){@supports (animation-timeline:view()){.deck__note:nth-child(-n+7)>.workspace{animation:deck-fan step-end both;animation-timeline:--m-swap}}}@keyframes deck-fan{0%{rotate:0deg}}