.demo{--demo-drab-0:#d9d4c7;--demo-drab-1:#c2bcad;--demo-drab-2:#9a9486;--demo-drab-3:#6f6a5f;--demo-drab-ink:#47433b;--demo-drab-link:#2c3a80;--demo-drab-red:#7d3322;--demo-chrome:#2a3138;--demo-chrome-2:#47515b;--demo-paper:#fff;--demo-ink:#17202a;--demo-soft:#eef2f5;--demo-line:#d5dce3;--demo-mute:#56616d;--demo-web-ink:#0f2a43;--demo-web-accent:#ff6b35;--demo-web-blue:#1f7ae0;--demo-web-soft:#e8f2fb;--demo-rep-accent:#0f9d9d;--demo-rep-good:#2e9e5b;--demo-rep-warn:#f2a516;--demo-rep-alert:#e04f3d;--demo-auto-accent:#5b4bdb;--demo-auto-good:#19a974;--demo-auto-date:#f25c54;--demo-auto-mark:#ffe27a;--demo-auto-ground:#f1f2f9;--demo-brand-cream:#fff4dc;--demo-brand-clay:#d9532b;--demo-brand-gold:#f2b632;--demo-brand-green:#1f4d3a;--demo-brand-crust:#b9783a;--demo-r:.5em;--demo-r-s:.25em;--demo-r-m:.8em;--demo-r-l:1.2em;--demo-r-pill:3em;--demo-r-round:50%;gap:var(--space-4);min-width:0;margin:0;display:grid}.demo-stage{border:1px solid var(--rule);background:var(--base-900);position:relative;overflow:hidden;container-type:inline-size}.demo-canvas{width:64em;height:40em;font-size:1.5625cqw;line-height:1.3;font-family:var(--font-body);color:var(--demo-ink);position:relative}.demo-canvas *{box-sizing:border-box}.demo-canvas svg{display:block;overflow:visible}.dw-pic svg,.db-shop svg{width:100%;height:100%}.demo-canvas p{margin:0}.demo[data-state=before] .d-after,.demo[data-state=after] .d-before,.demo[data-state=before] .d-only-after,.demo[data-state=after] .d-only-before{visibility:hidden}.demo-bar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.demo-note{color:var(--ink-muted);font-size:14px;line-height:21px}.demo-controls{align-items:center;gap:var(--space-2);display:flex}.demo-toggle,.demo-replay{min-width:88px;min-height:48px;padding:0 var(--space-4);border:1px solid var(--rule);border-radius:var(--radius-key);background:var(--base-100);color:var(--ink);box-shadow:var(--shadow-rest);font-size:16px;font-weight:600;line-height:25px}.demo-toggle[aria-pressed=true]{background:var(--readout);color:var(--base-900);box-shadow:var(--shadow-press);transform:translateY(1px)}.demo-replay{margin-left:var(--space-2)}.demo-toggle:hover,.demo-replay:hover{border-color:var(--ink)}.demo-toggle:active,.demo-replay:active{box-shadow:none;transform:translateY(2px)}.still .demo-replay,html:not(.motion) .demo-replay{display:none}.demo-compact .demo-stage{border-color:var(--hairline)}.frame{background:var(--demo-chrome);border-radius:var(--demo-r);flex-direction:column;padding:.35em;display:flex;position:absolute}.frame-bar{align-items:center;gap:.4em;height:1.6em;padding:0 .5em;display:flex}.frame-bar i{border-radius:var(--demo-r-round);background:var(--demo-chrome-2);width:.6em;height:.6em}.frame-url{border-radius:var(--demo-r-pill);background:var(--demo-chrome-2);color:var(--demo-line);margin-left:.8em;padding:.1em 1em;font-size:.7em}.frame-view{background:var(--demo-paper);border-radius:var(--demo-r-s);flex:1;position:relative;overflow:hidden}.frame-view>.d-before,.frame-view>.d-after{position:absolute;inset:0}.frame-phone{border-radius:var(--demo-r-l);padding:.5em}.frame-phone .frame-view{border-radius:var(--demo-r-m)}.dw-desktop{width:44em;height:34em;top:3em;left:2em}.dw-phone{width:13.5em;height:27em;top:7em;left:48.5em}.dw-scan{background:var(--demo-web-accent);opacity:0;height:.3em;position:absolute;top:0;left:0;right:0}.dw-old{background:var(--demo-drab-0);color:var(--demo-drab-ink);padding:.6em;font-family:Times New Roman,Times,serif;overflow:hidden}.dw-old-inner{width:42em}.dw-old-head{border:.15em solid var(--demo-drab-3);background:var(--demo-drab-1);align-items:center;gap:.8em;padding:.4em .8em;display:flex}.dw-old-star{flex:none;width:3.2em;height:3.2em}.dw-old-name{color:var(--demo-drab-red);letter-spacing:.02em;font-size:2em;font-weight:700;text-decoration:underline}.dw-old-tag{font-family:Comic Sans MS,Comic Sans,cursive;font-size:.9em}.dw-old-nav{background:var(--demo-drab-1);border:.1em solid var(--demo-drab-2);gap:1.2em;margin:.4em 0;padding:.2em .6em;font-size:.75em;display:flex}.dw-old-nav span{color:var(--demo-drab-link);text-decoration:underline}.dw-old-cols{grid-template-columns:9em 1fr 9em;gap:.4em;display:grid}.dw-old-cols>div{border:.1em solid var(--demo-drab-2);padding:.4em;font-size:.55em;line-height:1.25}.dw-old-cols b{color:var(--demo-drab-red);margin-bottom:.3em;font-size:1.3em;display:block}.dw-old-wrench{width:6em;height:6em;margin:.4em auto}.dw-old-foot{text-align:center;border-top:.1em solid var(--demo-drab-3);margin-top:.4em;padding-top:.3em;font-size:.55em}.dw-new{background:var(--demo-paper);color:var(--demo-web-ink);flex-direction:column;display:flex}.dw-nav{border-bottom:.08em solid var(--demo-line);align-items:center;gap:1.4em;height:3.6em;padding:0 1.6em;display:flex}.dw-logo{align-items:center;gap:.5em;margin-right:auto;font-size:1.1em;font-weight:600;display:flex}.dw-logo i{border-radius:var(--demo-r-round) var(--demo-r-round) var(--demo-r-round) 0;background:var(--demo-web-blue);width:1.3em;height:1.3em;transform:rotate(-45deg)}.dw-nav span{color:var(--demo-mute);font-size:.8em}.dw-btn{border-radius:var(--demo-r-pill);background:var(--demo-web-accent);color:var(--demo-web-ink);align-items:center;padding:.5em 1.1em;font-size:.85em;font-weight:600;display:inline-flex}.dw-hero{background:var(--demo-web-soft);flex:1;grid-template-columns:1.15fr 1fr;align-items:center;gap:1.6em;padding:1.8em 1.6em;display:grid}.dw-hero .dw-h{color:var(--demo-web-ink);font-family:var(--font-body);letter-spacing:-.02em;text-transform:none;margin:0 0 .4em;font-size:2.3em;font-weight:600;line-height:1.05}.dw-hero p:not([class]){color:var(--demo-mute);margin-bottom:1em;font-size:.9em}.dw-pic{border-radius:var(--demo-r);background:var(--demo-web-blue);height:100%;min-height:9em;padding:1.2em}.dw-cards{grid-template-columns:repeat(3,1fr);gap:1em;padding:1.4em 1.6em;display:grid}.dw-card{border:.08em solid var(--demo-line);border-radius:var(--demo-r);align-items:center;gap:.7em;padding:.9em;font-size:.85em;font-weight:600;display:flex}.dw-card i{border-radius:var(--demo-r-s);background:var(--demo-web-accent);flex:none;width:1.8em;height:1.8em}.dw-card:nth-child(2) i{background:var(--demo-web-blue)}.dw-card:nth-child(3) i{background:var(--demo-web-ink)}.dw-phone .dw-old-inner{width:30em}.dw-phone .dw-old-foot{display:none}.dw-phone .dw-nav{gap:.5em;height:2.8em;padding:0 .8em}.dw-phone .dw-nav span,.dw-phone .dw-nav .dw-btn{display:none}.dw-phone .dw-logo{font-size:.8em}.dw-burger{border-top:.18em solid var(--demo-web-ink);border-bottom:.18em solid var(--demo-web-ink);width:1.2em;height:.9em}.dw-phone .dw-hero{flex:none;grid-template-columns:1fr;gap:.8em;padding:1em .8em}.dw-phone .dw-hero .dw-h{font-size:1.45em}.dw-phone .dw-hero p:not([class]){margin-bottom:.7em;font-size:.7em}.dw-phone .dw-hero .dw-btn{font-size:.7em}.dw-phone .dw-pic{display:none}.dw-phone .dw-cards{grid-template-columns:1fr;gap:.5em;padding:.8em}.dw-phone .dw-card{padding:.6em;font-size:.75em}.dw-desktop .dw-burger{display:none}.dr{position:absolute;inset:2.5em 3em}.dr>.d-before,.dr>.d-after{border-radius:var(--demo-r);position:absolute;inset:0;overflow:hidden}.dr-sheet{background:var(--demo-drab-0);color:var(--demo-drab-ink);font-family:var(--font-data);flex-direction:column;display:flex}.dr-tab{background:var(--demo-drab-3);color:var(--demo-paper);padding:.35em .9em;font-size:.7em}.dr-grid{flex-direction:column;flex:1;min-height:0;display:flex}.dr-row{flex:1;grid-template-columns:2.4em repeat(9,1fr);min-height:0;display:grid}.dr-fly{z-index:3;background:var(--demo-rep-accent);color:var(--demo-paper);font-family:var(--font-data);white-space:nowrap;opacity:0;visibility:hidden;justify-content:flex-end;align-items:center;padding:0 .5em;font-size:.62em;display:flex;position:absolute;top:0;left:0}.dr-grid span{border-right:.06em solid var(--demo-drab-2);border-bottom:.06em solid var(--demo-drab-2);white-space:nowrap;justify-content:flex-end;align-items:center;padding:0 .5em;font-size:.62em;display:flex;overflow:hidden}.dr-grid .h{background:var(--demo-drab-1);color:var(--demo-drab-ink);justify-content:center}.dr-grid .err{color:var(--demo-drab-red)}.dr-grid .pick{z-index:1;position:relative}.dr-board{background:var(--demo-paper);grid-template-rows:auto auto 1fr;grid-template-columns:repeat(3,1fr);gap:1em;padding:1.4em 1.6em;display:grid}.dr-title{grid-column:1/-1;justify-content:space-between;align-items:baseline;display:flex}.dr-title b{font-size:1.3em;font-weight:600}.dr-title span{color:var(--demo-mute);font-size:.75em}.dr-kpi{border-radius:var(--demo-r);background:var(--demo-soft);border-top:.35em solid var(--demo-rep-accent);padding:.9em 1em}.dr-kpi span{color:var(--demo-mute);font-size:.7em;display:block}.dr-kpi b{font-family:var(--font-data);font-size:2.3em;font-weight:500;line-height:1.1;display:block}.dr-kpi:nth-child(3){border-top-color:var(--demo-rep-good)}.dr-kpi:nth-child(4){border-top-color:var(--demo-rep-warn)}.dr-panel{border:.08em solid var(--demo-line);border-radius:var(--demo-r);flex-direction:column;min-height:0;padding:.8em 1em;display:flex}.dr-panel>span{color:var(--demo-mute);margin-bottom:.5em;font-size:.7em}.dr-trend{flex:1;width:100%;min-height:0}.dr-trend polyline{fill:none;stroke:var(--demo-rep-accent);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.dr-trend line{stroke:var(--demo-line);stroke-width:1px;vector-effect:non-scaling-stroke}.dr-bars{border-bottom:.08em solid var(--demo-line);flex:1;align-items:flex-end;gap:.7em;min-height:0;display:flex}.dr-bars i{background:var(--demo-rep-accent);border-radius:var(--demo-r-s) var(--demo-r-s) 0 0;transform-origin:50% 100%;flex:1}.dr-bars i:nth-child(4){background:var(--demo-rep-alert)}.dr-list{align-content:start;gap:.45em;display:grid}.dr-list p{align-items:center;gap:.5em;font-size:.78em;display:flex}.dr-list i{border-radius:var(--demo-r-round);background:var(--demo-rep-alert);flex:none;width:.6em;height:.6em}.dr-list p:nth-child(3) i,.dr-list p:nth-child(4) i{background:var(--demo-rep-warn)}.da{grid-template-columns:24em 1fr;gap:1.2em;display:grid;position:absolute;inset:2.5em}.da-pane{border-radius:var(--demo-r);background:var(--demo-paper);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.da-head{background:var(--demo-chrome);color:var(--demo-paper);justify-content:space-between;align-items:center;padding:.6em .9em;font-size:.82em;font-weight:600;display:flex}.da-head span{color:var(--demo-line);font-weight:400}.da-mail{border-bottom:.06em solid var(--demo-line);color:var(--demo-mute);padding:.6em .9em;font-size:.85em}.da-mail b{color:var(--demo-ink);font-weight:600;display:block}.da-mail-new{background:var(--demo-soft);border-left:.3em solid var(--demo-auto-accent)}.da-open{flex:1;padding:.9em;font-size:1em;line-height:1.55}.da-open p{margin-bottom:.6em}.da-open mark{color:inherit;border-radius:var(--demo-r-s);background:0 0;padding:.05em .15em}.da-filed{border-radius:var(--demo-r-pill);background:var(--demo-auto-good);color:var(--demo-ink);margin-top:.8em;padding:.15em .7em;font-size:.85em;font-weight:600;display:inline-block}.da-work{grid-template-rows:1.5fr 1fr;gap:1.2em;min-height:0;display:grid}.da-board{background:var(--demo-auto-ground)}.da-cols{flex:1;grid-template-columns:repeat(3,1fr);gap:.7em;min-height:0;padding:.7em;display:grid}.da-col>span{color:var(--demo-mute);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5em;font-size:.7em;font-weight:600;display:block}.da-card{border-radius:var(--demo-r-s);background:var(--demo-paper);border:.06em solid var(--demo-line);color:var(--demo-mute);margin-bottom:.6em;padding:.6em .7em;font-size:.8em}.da-card b{color:var(--demo-ink);display:block}.da-task{border-left:.3em solid var(--demo-auto-accent)}.da-task p{gap:.4em;margin-top:.25em;display:flex}.da-task p span{color:var(--demo-ink)}.da-owner{border-radius:var(--demo-r-pill);background:var(--demo-auto-ground);color:var(--demo-ink);align-items:center;gap:.35em;margin-top:.4em;padding:.1em .6em .1em .15em;display:inline-flex}.da-owner i{border-radius:var(--demo-r-round);background:var(--demo-auto-accent);width:1.3em;height:1.3em}.da-low{grid-template-columns:1fr 1.2fr;gap:1.2em;min-height:0;display:grid}.da-week{flex:1;grid-template-columns:repeat(5,1fr);gap:.3em;padding:.6em;display:grid}.da-day{border-radius:var(--demo-r-s);background:var(--demo-soft);color:var(--demo-mute);text-align:center;padding:.4em .2em;font-size:.72em;position:relative}.da-event{border-radius:var(--demo-r-s);background:var(--demo-auto-date);color:var(--demo-ink);padding:.3em .2em;font-weight:600;line-height:1.15;position:absolute;top:2em;left:.3em;right:.3em}.da-reply{flex:1;padding:.8em .9em;font-size:.9em;line-height:1.5}.da-reply-tag{border-radius:var(--demo-r-pill);background:var(--demo-auto-mark);margin-bottom:.5em;padding:.1em .7em;font-size:.85em;font-weight:600;display:inline-block}.da-chip{z-index:5;border-radius:var(--demo-r-pill);background:var(--demo-auto-accent);color:var(--demo-paper);white-space:nowrap;opacity:0;pointer-events:none;padding:.15em .7em;font-size:.8em;font-weight:600;position:absolute;top:0;left:0}.db{grid-template-columns:25em 1fr;gap:1.5em;display:grid;position:absolute;inset:2.5em}.db-id{grid-template-rows:15.5em 1fr;gap:1.2em;min-height:0;display:grid;position:relative}.db-logo{border-radius:var(--demo-r);position:relative;overflow:hidden}.db-logo>div{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.db-old{background:var(--demo-drab-0);color:var(--demo-drab-ink)}.db-old-burst{width:4.2em;height:4.2em}.db-old-name{letter-spacing:.05em;color:var(--demo-drab-red);font-family:Times New Roman,Times,serif;font-size:1.3em;font-weight:700;transform:scaleX(1.45)}.db-old-tag{margin-top:.3em;font-family:Comic Sans MS,Comic Sans,cursive;font-size:.85em}.db-new{background:var(--demo-brand-cream);color:var(--demo-brand-green)}.db-mark{width:5.4em;height:5.4em}.db-word{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin-top:.25em;font-size:2.6em;font-weight:600;line-height:1}.db-sub{letter-spacing:.34em;text-transform:uppercase;color:var(--demo-brand-green);margin-top:.3em;font-size:.72em;font-weight:600}.db-print{min-height:0;position:relative}.db-card,.db-letter{border-radius:var(--demo-r-s);position:absolute;overflow:hidden}.db-card{width:13.4em;height:7.8em;top:2.4em;left:0}.db-letter{width:10.6em;height:15.6em;top:0;right:0}.db-card>div,.db-letter>div{padding:.8em;position:absolute;inset:0}.db-print .db-old{font-family:Times New Roman,Times,serif;font-size:.6em}.db-print .db-old b{color:var(--demo-drab-red);font-size:1.4em;text-decoration:underline;display:block}.db-card .db-new{background:var(--demo-brand-green);color:var(--demo-brand-cream);flex-direction:column;justify-content:space-between;display:flex}.db-card .db-new b{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:1.15em}.db-card .db-new span{font-size:.55em}.db-dot{border-radius:var(--demo-r-round);background:var(--demo-brand-gold);width:1.6em;height:1.6em}.db-letter .db-new{background:var(--demo-paper)}.db-letter .db-new i{background:var(--demo-line);height:.18em;margin-top:.55em;display:block}.db-letter .db-new i:first-of-type{background:var(--demo-brand-green);width:50%;height:.3em;margin-top:1.4em}.db-letter .db-new i:last-of-type{width:60%}.db-letter-band{background:var(--demo-brand-clay);height:1em;position:absolute;bottom:0;left:0;right:0}.db-shop{border-radius:var(--demo-r);position:relative;overflow:hidden}.db-shop>div{position:absolute;inset:0}.db-roller{background:var(--demo-brand-gold);opacity:0;width:.5em;position:absolute;top:0;bottom:0;left:0}.db-shop text{font-family:var(--font-display);text-transform:uppercase;font-weight:600}@container (width<=560px){.demo:not(.demo-compact) .demo-canvas{width:36em;height:46em;font-size:2.77778cqw}.demo:not(.demo-compact) .dw-desktop{width:34em;height:24em;top:1em;left:1em}.demo:not(.demo-compact) .dw-phone{width:11em;height:19em;top:26em;left:12.5em}.demo:not(.demo-compact) .dr{inset:1em}.demo:not(.demo-compact) .dr-board{grid-template-rows:auto auto 1fr 1fr 1fr;grid-template-columns:repeat(3,1fr);gap:.8em;padding:1em}.demo:not(.demo-compact) .dr-panel{grid-column:1/-1}.demo:not(.demo-compact) .dr-kpi b{font-size:1.9em}.demo:not(.demo-compact) .dr-row{grid-template-columns:2.4em repeat(5,1fr)}.demo:not(.demo-compact) .dr-grid .wide{display:none}.demo:not(.demo-compact) .da{grid-template-rows:16.5em 1fr;grid-template-columns:1fr;gap:.8em;inset:1em}.demo:not(.demo-compact) .da-work,.demo:not(.demo-compact) .da-low{gap:.8em}.demo:not(.demo-compact) .da-open{font-size:.9em}.demo:not(.demo-compact) .db{grid-template-rows:20em 1fr;grid-template-columns:1fr;gap:1em;inset:1em}.demo:not(.demo-compact) .db-id{grid-template-rows:1fr;grid-template-columns:15em 1fr;gap:1em}.demo:not(.demo-compact) .db-card{width:11em;height:6.6em;top:0}.demo:not(.demo-compact) .db-letter{width:9em;height:12.5em;top:5.5em}.demo:not(.demo-compact) .db-word{font-size:2em}.demo:not(.demo-compact) .db-old-name{font-size:.95em}}