.demo-page-wrap{--demo-ink:#2d2926;--demo-paper:#f3ede3;--demo-paper-deep:#ebe4d8;--demo-paper-stage:#f0ebe3;--demo-accent-red:#b91c1c;--demo-wash-yellow:#f5c84259;--demo-wash-yellow-soft:#f5c8421f;--demo-foreshadow-orange:#b9381a;--demo-surface:#fffcf7eb;--demo-surface-input:#ffffff73;--demo-frame-fill:#fffef8;--demo-frame-stroke:#2d2926;--demo-muted:#2d29268c;--demo-muted-faint:#2d292673;--demo-muted-mid:#2d292699;--demo-muted-strong:#2d2926b8;--demo-border-dashed:#2d292633;--demo-border-mid:#2d292626;--demo-border-light:#2d29261f;--demo-border-faint:#2d29261a;--demo-border-hairline:#2d292612;--demo-shadow:#2d292614;--demo-shadow-md:#2d29261a;--demo-shadow-lg:#2d29261f;--demo-hover-fill:#2d29260f;--demo-selected-bg:#2d29260d;--demo-callout-bg:#fffcf5d9;--demo-label-chip-bg:#fffef9f0;--demo-label-chip-border:#2d29261f;--demo-kb-col-fg:#faf8f4;--demo-te-header-fg:#111;--demo-te-header-border:#2d292633;--demo-te-bubble-bg:#fff;--demo-te-epic:#9a7b0a;--demo-change-note-bg:#fffcf7f5;--demo-change-note-border:#78716c;--demo-change-note-text:#57534e;--demo-change-note-close-hover:#78716c1f;--demo-highlight-blend:multiply;--demo-gt-grid-cell-bg:#ffffff40;--demo-inset-shine:#ffffffa6;--demo-stage-inset:#ffffff73;--demo-sketch-note-shadow:#fffef9e6;--demo-dot-border:#2d292659;--demo-info-border:#2d292666;--demo-grip:#0003;--demo-badge-hours-bg:#ffffffe6;--demo-badge-days-bg:#0000001f}.page-wrapper.uc-dark .demo-page-wrap,html.uc-dark .demo-page-wrap{--demo-ink:#e8e4dc;--demo-paper:#141210;--demo-paper-deep:#0f0e0d;--demo-paper-stage:#1c1a17;--demo-wash-yellow:#f5c84247;--demo-wash-yellow-soft:#f5c8421a;--demo-foreshadow-orange:#e07a52;--demo-surface:#22201df5;--demo-surface-input:#2a2724bf;--demo-frame-fill:#242220;--demo-frame-stroke:#d4cfc4;--demo-muted:#e8e4dc8c;--demo-muted-faint:#e8e4dc6b;--demo-muted-mid:#e8e4dc9e;--demo-muted-strong:#e8e4dcc7;--demo-border-dashed:#e8e4dc38;--demo-border-mid:#e8e4dc29;--demo-border-light:#e8e4dc1f;--demo-border-faint:#e8e4dc1a;--demo-border-hairline:#e8e4dc14;--demo-shadow:#00000047;--demo-shadow-md:#00000052;--demo-shadow-lg:#00000061;--demo-hover-fill:#ffffff0f;--demo-selected-bg:#ffffff0d;--demo-callout-bg:#1c1a18f0;--demo-label-chip-bg:#201e1bf5;--demo-label-chip-border:#e8e4dc24;--demo-kb-col-fg:#141210;--demo-te-header-fg:#f5f2eb;--demo-te-header-border:#fff3;--demo-te-bubble-bg:#2a2724;--demo-te-epic:#d4b84a;--demo-change-note-bg:#201e1bf7;--demo-change-note-border:#9a9288;--demo-change-note-text:#c9c2b8;--demo-change-note-close-hover:#9a928833;--demo-highlight-blend:normal;--demo-gt-grid-cell-bg:#ffffff0a;--demo-inset-shine:#ffffff0f;--demo-stage-inset:#ffffff0a;--demo-sketch-note-shadow:#141210d9;--demo-dot-border:#e8e4dc47;--demo-info-border:#e8e4dc59;--demo-grip:#ffffff40;--demo-badge-hours-bg:#322e2af2;--demo-badge-days-bg:#ffffff1a}.demo-page-bg{background:var(--demo-paper)}.demo-flow{font-family:var(--font-demo-sketch),"Comic Sans MS",cursive;color:var(--demo-ink);padding-top:100px;padding-bottom:3.5rem;position:relative}.demo-flow .container{position:relative}.demo-flow-intro{margin-bottom:1.25rem}.demo-flow-kicker{letter-spacing:.04em;color:var(--demo-muted);margin:0 0 .35rem;font-size:.95rem;transform:rotate(-1deg)}.demo-flow-sub{max-width:52rem;font-size:1.2rem;line-height:1.55;color:var(--demo-muted-strong)!important}.demo-callout{background:var(--demo-callout-bg);border:2px solid var(--demo-ink);box-shadow:3px 4px 0 var(--demo-shadow);border-radius:255px 15px 225px/15px 225px 15px 255px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.875rem 1.125rem;font-size:1.05rem;line-height:1.5;display:flex;transform:rotate(-.4deg)}.demo-callout__text{flex:1;min-width:0;margin:0}.demo-callout__reset{white-space:nowrap;flex-shrink:0;margin-left:auto}.demo-sketch-btn--inline{vertical-align:baseline;white-space:nowrap;margin-left:.15rem;padding:.1rem .55rem;font-size:.95em;display:inline}.demo-sketch-btn--reserved{visibility:hidden;pointer-events:none}.demo-sketch-btn{border:2px solid var(--demo-ink);color:var(--demo-ink);cursor:pointer;background:0 0;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.35rem .9rem;font-family:inherit;font-size:1rem;transition:transform .15s,background .15s;transform:rotate(-1deg)}.demo-sketch-btn:hover{background:var(--demo-hover-fill);transform:rotate(0)scale(1.02)}.demo-main-row{grid-template-columns:min(360px,38%) 1fr;align-items:stretch;gap:1.5rem;margin-bottom:1.5rem;scroll-margin-top:0;display:grid}.demo-stage{background:var(--demo-paper-stage);box-shadow:inset 0 1px 0 var(--demo-stage-inset);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:1.125rem;position:relative}.demo-change-notes{pointer-events:none;z-index:100;position:absolute;inset:0;overflow:visible}.demo-stage-sketches{pointer-events:none;z-index:35;position:absolute;inset:0;overflow:visible}.demo-panel-sketches{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:visible}.demo-panel-sketch-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.demo-panel-sketch-stroke{stroke:var(--demo-foreshadow-orange);stroke-width:1.85px;stroke-linecap:round;stroke-linejoin:round;opacity:.9;fill:none!important}.demo-panel-sketch-arrow path{fill:none!important}.demo-panel-sketch-head{stroke-width:1.65px}.demo-panel-sketch-head--landing{stroke-width:2.1px}.demo-panel-sketch-box{stroke:var(--demo-foreshadow-orange)}.demo-panel-sketch-box-label{color:var(--demo-foreshadow-orange);opacity:.92;white-space:nowrap;text-shadow:0 0 8px var(--demo-sketch-note-shadow);margin:0;font-size:.8rem;line-height:1.2;position:absolute}.demo-panel-sketch-note{color:var(--demo-foreshadow-orange);opacity:.92;text-shadow:0 0 8px var(--demo-sketch-note-shadow);margin:0;font-size:1.05rem;line-height:1.38;position:absolute}.demo-panel-sketch-ul{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--demo-foreshadow-orange);text-decoration-color:var(--demo-foreshadow-orange)}.demo-marker-surface{position:relative;background:0 0!important}.demo-gt-track .rough-annotation{z-index:0}.demo-target--annotated{z-index:25;position:relative;overflow:visible}.demo-gt-task-bar.demo-target--annotated{z-index:25}.rough-annotation:has(+.demo-highlight-proxy){z-index:26;opacity:.92;mix-blend-mode:var(--demo-highlight-blend)}.demo-highlight-proxy{pointer-events:none}:is(.demo-gt-task-row:has(.demo-target--annotated),.demo-gt-friction-row:has(.demo-target--annotated)){z-index:25;position:relative}.demo-change-note{pointer-events:auto;background:var(--demo-change-note-bg);border:2px solid var(--demo-change-note-border);max-width:min(220px,42vw);box-shadow:2px 3px 0 var(--demo-shadow-md);color:var(--demo-change-note-text);z-index:101;isolation:isolate;border-radius:255px 15px 225px/15px 225px 15px 255px;align-items:flex-start;gap:.35rem;padding:.45rem .55rem .45rem .65rem;font-size:.9rem;line-height:1.35;display:flex;position:absolute;overflow:visible;transform:rotate(-.5deg)}.demo-change-note .rough-annotation{z-index:0}.demo-change-note__text,.demo-change-note__close{z-index:1;position:relative}.demo-change-note__text{flex:1;margin:0}.demo-change-note__close{border:1.5px solid var(--demo-change-note-border);width:1.35rem;height:1.35rem;color:var(--demo-change-note-border);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;padding:0;font-family:inherit;font-size:1rem;line-height:1}.demo-change-note__close:hover{background:var(--demo-change-note-close-hover)}.demo-sketch-frame{isolation:isolate;flex-direction:column;min-width:0;display:flex}.demo-sketch-label-row{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-right:.35rem;display:flex}.demo-sketch-label-row .demo-sketch-label{margin-bottom:0}.demo-flowboard-reset{border:2px solid var(--color-orange-500,#f97316);color:var(--color-orange-500,#f97316);cursor:pointer;white-space:nowrap;background:0 0;border-radius:255px 15px 225px/15px 225px 15px 255px;flex-shrink:0;align-items:center;gap:.35rem;margin:0;padding:.35rem .9rem;font-family:inherit;font-size:1rem;transition:transform .15s,background .15s;display:inline-flex;transform:rotate(-1deg)}.demo-flowboard-reset:hover:not(:disabled){background:#f9731614;transform:rotate(0)scale(1.02)}.demo-flowboard-reset:disabled{cursor:not-allowed;opacity:.35}.demo-reset-icon{flex-shrink:0;display:block}.demo-sketch-label{letter-spacing:.06em;text-transform:uppercase;color:var(--demo-ink);margin-bottom:.5rem;padding-left:.35rem;font-size:1.35rem;font-weight:400;line-height:1.1}.demo-sketch-label span{background:var(--demo-label-chip-bg);border:1.5px dashed var(--demo-label-chip-border);box-shadow:1px 2px 0 var(--demo-border-hairline);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.15rem .7rem .2rem;display:inline-block;transform:rotate(-.6deg)}.demo-sketch-frame__body{min-height:320px;box-shadow:0 1px 0 var(--demo-inset-shine) inset,2px 4px 0 var(--demo-border-hairline),4px 8px 18px var(--demo-border-hairline);margin:.2rem;position:relative}.demo-sketch-frame__body:after{content:"";border:1px dashed var(--demo-border-hairline);pointer-events:none;z-index:-1;border-radius:255px 15px 225px/15px 225px 15px 255px;position:absolute;inset:-10px}.demo-sketch-frame--tall .demo-sketch-frame__body{min-height:380px}.demo-sketch-frame__border{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.demo-sketch-frame__content{z-index:1;height:100%;min-height:inherit;position:relative}.demo-sketch-frame--picker{z-index:30}.demo-sketch-frame--kanban{z-index:10}.demo-sketch-frame--picker .demo-sketch-frame__content,.demo-sketch-frame--kanban .demo-sketch-frame__body,.demo-sketch-frame--kanban .demo-sketch-frame__content{overflow:visible}.demo-sketch-frame--kanban .demo-sketch-frame__content:before{content:"";z-index:-20;aspect-ratio:1;opacity:0;pointer-events:none;background:url(/assets/images/demo/coffee_cup.png) 50%/contain no-repeat;width:min(350px,44%);position:absolute;top:374px;right:0;transform:translate(35%,-50%)}.demo-sketch-frame--kanban .demo-kb{z-index:1;position:relative}.demo-sketch-frame--timeline .demo-sketch-frame__body,.demo-sketch-frame--timeline .demo-sketch-frame__content{overflow:visible}.demo-sketch-frame--timeline .demo-gt{z-index:1;position:relative}.demo-te-panel{background:0 0;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:visible}.demo-te-header{color:var(--demo-te-header-fg);border-bottom:2px dashed var(--demo-te-header-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;display:flex}.demo-te-header--dark{color:#fff;border-bottom-color:#ffffff40}.demo-te-header-main{flex:1;align-items:flex-start;gap:.625rem;min-width:0;display:flex}.demo-te-header-text{min-width:0}.demo-te-header-title{font-size:1.05rem;font-weight:400;line-height:1.25}.demo-te-header-sub{opacity:.88;margin-top:.125rem;font-size:.9rem;line-height:1.3}.demo-te-header-actions{opacity:.85;flex-shrink:0;align-items:center;gap:.375rem;display:flex}.demo-te-header-action{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:1.125rem;line-height:1;display:inline-flex}.demo-te-header-action--close{font-size:1.25rem;font-weight:400}.demo-te-body{flex:1;padding:.75rem 1rem 1rem;overflow:visible}.demo-te-project-row,.demo-te-search-row{border:2px solid var(--demo-ink);background:var(--demo-surface-input);border-radius:255px 15px 225px/15px 225px 15px 255px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.45rem .625rem;font-size:.95rem;display:flex}.demo-te-dot{border:1.5px solid var(--demo-dot-border);border-radius:50%;flex-shrink:0;width:11px;height:11px}.demo-te-chevron{opacity:.45;margin-left:auto}.demo-te-search{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.demo-te-tree{margin:0 0 1rem;padding:0;font-size:.95rem;list-style:none}.demo-te-cat-row,.demo-te-task-row{text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.35rem .25rem;display:flex}button.demo-te-cat-row,button.demo-te-task-row{cursor:pointer}.demo-te-row--static{pointer-events:none}.demo-te-row--guide{z-index:1;background:var(--demo-wash-yellow);position:relative}.demo-te-guide-wrap{width:100%;display:block;position:relative}.demo-te-guide-wrap:hover,.demo-te-guide-wrap:focus-within{z-index:110}.demo-te-guide-wrap--task{width:100%;display:block}.demo-te-bubble{background:var(--demo-te-bubble-bg);width:min(240px,52vw);color:var(--demo-foreshadow-orange);border:2px solid var(--demo-foreshadow-orange);box-shadow:4px 5px 0 var(--demo-shadow-md);opacity:0;visibility:hidden;pointer-events:none;z-index:100;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.625rem .75rem;font-size:1.08rem;line-height:1.45;transition:opacity .15s,visibility .15s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.demo-te-bubble:before{content:"";border:8px solid #0000;border-right-color:var(--demo-foreshadow-orange);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.demo-te-bubble:after{content:"";border:6px solid #0000;border-right-color:var(--demo-te-bubble-bg);position:absolute;top:50%;right:calc(100% - 2px);transform:translateY(-50%)}.demo-te-guide-wrap:hover .demo-te-bubble,.demo-te-guide-wrap:focus-within .demo-te-bubble{opacity:1;visibility:visible}.demo-te-click-here{color:var(--demo-foreshadow-orange);white-space:nowrap;pointer-events:none;z-index:5;opacity:0;visibility:hidden;transform:translateX(calc(-50% + 70px)) rotate(var(--click-here-tilt,-11deg));margin:0;font-size:2.1rem;line-height:1.2;transition:opacity .2s,visibility .2s;position:absolute;top:calc(100% + 6px);left:50%}.demo-te-click-here.is-visible{opacity:.92;visibility:visible}.demo-te-click-here--above{transform:translateX(calc(-50% + 110px)) rotate(var(--click-here-tilt,11deg));top:auto;bottom:calc(100% - 4px)}.demo-te-cat-row.is-selected,.demo-te-task-row.is-selected{background:var(--demo-selected-bg)}.demo-te-task-row.is-selected,.demo-te-task-row.demo-te-row--guide{border-left:3px solid var(--te-accent,#7c3aed);padding-left:calc(1.25rem - 3px)}.demo-te-task-row{padding-left:1.25rem}.demo-te-epic{color:var(--demo-te-epic);font-size:.85rem}.demo-te-task-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.demo-te-check{color:var(--demo-accent-red);margin-left:auto;font-size:1rem;font-weight:400}.demo-te-info{border:1.5px solid var(--demo-info-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-style:italic;display:inline-flex}.demo-te-info.muted{opacity:.35}.demo-kb{background:0 0;grid-template-columns:repeat(3,1fr);gap:.625rem;min-height:300px;padding:.75rem;display:grid}.demo-kb-col{flex-direction:column;min-width:0;display:flex}.demo-kb-col-head{letter-spacing:.06em;text-transform:uppercase;color:var(--demo-kb-col-fg);background:var(--demo-ink);border:2px solid var(--demo-ink);border-radius:255px 15px 225px/15px 225px 15px 255px;justify-content:space-between;align-items:center;padding:.45rem .625rem;font-size:.85rem;font-weight:400;display:flex;transform:rotate(-.5deg)}.demo-kb-col:nth-child(2) .demo-kb-col-head{transform:rotate(.4deg)}.demo-kb-col:nth-child(3) .demo-kb-col-head{transform:rotate(-.3deg)}.demo-kb-col-icon{opacity:.8;font-size:.75rem}.demo-kb-col-body{flex-direction:column;flex:1;gap:.55rem;padding:.5rem 0;display:flex}.demo-kb-empty{color:var(--demo-muted-faint);text-align:center;padding:1rem .5rem;font-size:.95rem;font-style:italic}.demo-kb-card{background:var(--demo-surface);border:2px solid var(--demo-ink);border-left:5px solid var(--kb-accent,#ccc);box-shadow:2px 3px 0 var(--demo-shadow-md);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:.5rem .5rem .45rem;position:relative}.demo-kb-card--flash{animation:2.2s demo-sketch-nudge}.demo-kb-card-head{justify-content:space-between;margin-bottom:.25rem;font-size:.8rem;display:flex}.demo-kb-epic{color:var(--demo-te-epic)}.demo-kb-title{color:var(--demo-ink);margin:0 0 .125rem;font-size:.95rem;font-weight:400;line-height:1.3}.demo-kb-foot{color:var(--demo-muted-mid);justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.demo-kb-hours{align-items:center;gap:.2rem;display:inline-flex}.demo-kb-priority{text-transform:capitalize;border-radius:999px;padding:.15rem .45rem;font-size:.65rem;position:absolute;bottom:1.65rem;right:.45rem;transform:rotate(-4deg)}.demo-kb-priority--high{color:var(--demo-accent-red);border:2px solid var(--demo-accent-red);background:0 0}.demo-kb-priority--critical{background:var(--demo-accent-red);color:#fff;border:2px solid var(--demo-accent-red);transform:rotate(3deg)}.demo-gt{background:0 0;padding:.75rem}.demo-gt-inner{position:relative}.demo-gt-weekends{pointer-events:none;opacity:.13;z-index:0;position:absolute;top:0;left:0;overflow:visible}.demo-gt-body{min-height:0;position:relative}.demo-gt-month-row{margin-bottom:.125rem}.demo-gt-month-head{text-align:center;color:var(--demo-ink);border-bottom:2px dashed var(--demo-border-dashed);flex-shrink:0;padding:.25rem 0;font-size:.85rem;font-weight:400}.demo-gt-deps{pointer-events:none;z-index:0;position:absolute;top:0;left:0;overflow:visible}.demo-gt-dep path{stroke:var(--demo-ink)}.demo-gt-scroll{overflow:visible}.demo-gt-head-row{align-items:stretch;display:flex}.demo-gt-day-head{text-align:center;color:var(--demo-muted);border-bottom:2px dashed var(--demo-border-mid);flex-shrink:0;padding:.25rem .125rem;font-size:.75rem}.demo-gt-day-head--today{background:var(--demo-wash-yellow);color:var(--demo-ink);font-weight:400}.demo-gt-day-col--today{background:var(--demo-wash-yellow-soft)}.demo-gt-friction-row{border-bottom:2px dashed var(--demo-border-light);margin-bottom:.375rem}.demo-gt-friction-cell{border-radius:4px;justify-content:center;align-items:flex-end;min-height:52px;padding:2px 3px 0;transition:background .3s;display:flex}.demo-gt-friction-cell--empty{min-height:52px}.demo-gt-friction-cell--flash{animation:2.2s demo-sketch-wash}.demo-gt-friction-stack{flex-direction:column-reverse;align-items:stretch;gap:1px;width:26px;height:46px;display:flex;position:relative}.demo-gt-friction-seg{border:1px solid var(--demo-border-mid);opacity:0;background:0 0;border-radius:2px;flex:1;width:100%;min-height:0;transition:opacity .2s;display:block}.demo-gt-friction-seg--active{opacity:1}.demo-gt-friction-eq{background:var(--demo-accent-red);border-radius:1px;height:2px;position:absolute;top:-3px;left:0;right:0}.demo-gt-task-row{align-items:center;min-height:48px;margin-bottom:.25rem;display:flex}.demo-gt-track{flex-shrink:0;height:40px;display:grid;position:relative}.demo-gt-grid-cell{border-right:1px dashed var(--demo-border-faint);background:var(--demo-gt-grid-cell-bg)}.demo-gt-task-bar{border:2px solid var(--demo-ink);height:34px;box-shadow:2px 3px 0 var(--demo-shadow-lg);z-index:1;background:0 0;border-radius:255px 15px 225px/15px 225px 15px 255px;justify-content:space-between;align-items:center;gap:.25rem;padding:.15rem .35rem .15rem .25rem;display:flex;position:absolute;top:3px;overflow:visible}.demo-gt-bar-grip{background:var(--demo-grip);border-radius:1px;flex-shrink:0;width:3px;height:14px;margin-right:.125rem}.demo-gt-task-bar--flash{z-index:2;animation:2.2s demo-sketch-nudge}.demo-gt-bar-body{flex:1;min-width:0}.demo-gt-bar-title{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:400;line-height:1.15;display:block;overflow:hidden}.demo-gt-bar-epic{opacity:.9}.demo-gt-bar-ref{font-weight:400}.demo-gt-bar-meta{opacity:.92;white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;line-height:1.15;display:block;overflow:hidden}.demo-gt-bar-badges{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.demo-gt-badge{white-space:nowrap;border:1.5px solid var(--demo-dot-border);border-radius:999px;padding:.125rem .3rem;font-size:.62rem;line-height:1}.demo-gt-badge--hours{background:var(--demo-badge-hours-bg);color:#c2410c}.demo-gt-badge--days{background:var(--demo-badge-days-bg);color:inherit}@keyframes demo-sketch-nudge{0%,to{transform:none}15%,45%{transform:scale(1.02)rotate(-.5deg)}}@keyframes demo-sketch-wash{0%,to{background:0 0}15%,45%{background:#22c55e1f}}@media (max-width:768px){.demo-main-row,.demo-kb{grid-template-columns:1fr}.demo-te-bubble{width:min(280px,90vw);top:calc(100% + 8px);left:0;transform:none}.demo-te-bubble:before{border:8px solid #0000;border-bottom-color:var(--demo-accent-red);top:-16px;left:1rem;right:auto;transform:none}.demo-te-bubble:after{border:6px solid #0000;border-bottom-color:var(--demo-te-bubble-bg);top:-12px;left:calc(1rem + 2px);right:auto;transform:none}}@media (prefers-reduced-motion:reduce){.demo-kb-card,.demo-gt-task-bar,.demo-gt-friction-cell{animation:none!important}}