.demo-app{--bg:#0b1117;--panel:#131e27;--line:#2a3946;--muted:#a2b3c0;--mint:#43d5b0;--red:#ff5668;background:var(--bg);color:#edf3f7;min-height:100vh;padding:0 clamp(16px,4vw,66px) 38px;font:14px/1.5 Arial,sans-serif}.demo-app *{box-sizing:border-box}.demo-app button,.demo-app input,.demo-app select{font:inherit}.demo-app button,.demo-app a{touch-action:manipulation}.demo-app button{cursor:pointer;color:#ecf3f8;background:#1b2b37;border:1px solid #3a4d5c;border-radius:8px;padding:9px 14px}.demo-app button:hover{background:#293d4c;border-color:#7590a5}:is(.demo-app button:focus-visible,.demo-app a:focus-visible,.demo-app input:focus-visible,.demo-app select:focus-visible){outline:2px solid var(--mint);outline-offset:3px}.demo-app button:disabled{opacity:.45;cursor:default}.demo-app a{color:#b5d8f0}.demo-app .demo-top{border-bottom:1px solid var(--line);align-items:center;gap:24px;max-width:1550px;margin:auto;padding:23px 0;display:flex}.demo-brand{background:#f9fbfc;border-radius:6px;flex:none;width:140px;padding:6px}.demo-brand img{width:100%;height:auto;display:block}.demo-top-label{letter-spacing:.08em;gap:4px;font-size:12px;display:grid}.demo-top-label span{color:var(--muted);letter-spacing:0;font-size:11px}.back-link{border-bottom:1px solid #5b7588;margin-left:auto;padding-bottom:4px;font-size:12px;text-decoration:none}.demo-hero{grid-template-columns:1fr 340px;align-items:center;gap:40px;max-width:1550px;margin:0 auto;padding:50px 0 30px;display:grid}.demo-eyebrow{color:#ff7381;letter-spacing:.16em;font-size:10px;font-weight:700}.demo-hero h1{letter-spacing:-.04em;margin:15px 0 20px;font-size:clamp(35px,4.4vw,65px);font-weight:800;line-height:1.06}.demo-hero h1 em{color:#b7c9d7;font-style:normal}.demo-hero p{color:#b1c2ce;margin:0 0 12px;font-size:14px}.demo-hero small{color:var(--muted);font-size:11px}.hero-summary{border:1px solid #3a514e;border-top:3px solid var(--mint);background:radial-gradient(at 100% 0,#194138,#14212a 70%);border-radius:12px;gap:4px;padding:27px;display:grid}.hero-summary>b{color:var(--mint);letter-spacing:-.04em;font-size:60px;line-height:1.1}.hero-summary>span{color:#c8d9e2;font-size:12px}.hero-summary>div{color:var(--muted);align-items:center;gap:7px;margin:23px 0 5px;font-size:12px;display:flex}.hero-summary>div strong{color:#fff;font-size:19px}.hero-summary i{border-left:1px solid #42615d;height:15px;margin:0 5px}.demo-actions{flex-wrap:wrap;align-items:center;gap:10px;max-width:1550px;margin:0 auto 26px;display:flex}.demo-actions>button:first-child{background:#e34152;border-color:#ff6b7c;font-weight:700}.demo-actions .secondary{background:#152530;font-size:12px}.isolation-badge{letter-spacing:.08em;color:#c3b8ee;border:1px solid #625580;border-radius:6px;margin-left:auto;padding:7px 10px;font-size:9px}.demo-nav{border:1px solid var(--line);background:#111b23;border-radius:11px;flex-wrap:wrap;gap:5px;max-width:1550px;margin:0 auto;padding:12px;display:flex}.demo-nav button{color:#aebfcb;background:0 0;border:1px solid #0000;padding:8px 10px;font-size:11px}.demo-nav button.active{color:#ffb6bf;background:#3d212b;border-color:#934654}.demo-filters{flex-wrap:wrap;gap:10px;max-width:1550px;margin:17px auto 30px;display:flex}.demo-filters label{color:var(--muted);gap:5px;font-size:10px;font-weight:700;display:grid}.demo-filters input,.demo-filters select{color:#e4edf3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111e28;border:1px solid #344b5b;border-radius:6px;min-width:125px;padding:8px;font-size:12px}.demo-filters .search{flex:1;min-width:190px}.demo-section{max-width:1550px;margin:auto}.demo-section-head{justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px;display:flex}.demo-section-head h2{letter-spacing:-.02em;margin:5px 0;font-size:26px}.demo-section-head p{color:var(--muted);margin:0;font-size:12px}.demo-period{border-left:2px solid var(--red);color:#a5b9c8;letter-spacing:.12em;flex:none;padding:8px 0 8px 16px;font-size:11px}.demo-metrics{grid-template-columns:repeat(4,1fr) 1.15fr;gap:11px;margin-bottom:20px;display:grid}.demo-metrics button.demo-reference-card{border:1px solid var(--line);background:linear-gradient(135deg,#172632,#111c25);border-top:2px solid #7993a7;border-radius:10px;flex-direction:column;justify-content:center;gap:10px;padding:18px;display:flex}.demo-metrics span{letter-spacing:.05em;color:#b8c8d3;text-transform:uppercase;font-size:10px}.demo-metrics strong{letter-spacing:-.03em;font-size:31px}.demo-metrics button.rate{flex-direction:row;align-items:center;gap:15px}.ring{border-radius:50%;flex:none;place-items:center;width:70px;height:70px;padding:6px;display:grid}.ring b{background:#12212b;border-radius:50%;place-items:center;width:58px;height:58px;font-size:19px;display:grid}.rate span{max-width:90px}.demo-panel{border:1px solid var(--line);background:#131e27;border-radius:12px;margin-bottom:20px;padding:24px}.demo-panel h3{letter-spacing:.01em;margin:0 0 18px;font-size:14px}.demo-panel h3 small{color:var(--muted)}.demo-daily{padding-top:5px;overflow-x:auto}.chart-legend{color:#a7bccb;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:25px;font-size:10px;display:flex}.chart-legend i{background:#405a6d;border-radius:2px;width:8px;height:8px}.chart-legend i:nth-child(2){background:var(--mint);margin-left:12px}.daily-bars{align-items:flex-end;gap:8px;min-width:1050px;height:175px;padding:0 0 4px;display:flex}.daily-col{text-align:center;flex:1;min-width:24px}.bar-pair{border-bottom:1px solid #364c5c;justify-content:center;align-items:flex-end;gap:3px;height:145px;display:flex}.bar-pair>span{border-radius:3px 3px 0 0;width:9px;position:relative}.planned-bar{background:#405a6d}.done-bar{background:var(--mint)}.bar-pair small{color:#b7c8d5;font-size:7px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.done-bar small{color:#a8f4e2}.daily-col>span:last-child{color:#b5c5d2;padding-top:8px;font-size:9px;display:block}.demo-module-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.demo-module-card{text-align:left;display:block;background:linear-gradient(135deg,#172532,#101a22)!important;border:1px solid #2c4354!important;border-radius:11px!important;padding:23px!important}.demo-module-card:hover{transform:translateY(-2px);border-color:#6b91ad!important}.module-icon{color:#ff8d98;background:#283543;border:1px solid #536475;border-radius:10px;place-items:center;width:35px;height:35px;margin-bottom:18px;font-size:20px;display:grid}.demo-module-card h3{margin:0 0 5px;font-size:17px}.demo-module-card p{color:#9cb1c0;margin:0 0 22px;font-size:11px}.module-values{justify-content:space-between;align-items:center;display:flex}.module-values strong{font-size:26px}.module-values strong small{color:#96abba;font-size:15px;font-weight:400}.module-values>b{color:var(--mint);font-size:14px}.demo-progress{background:#293e4d;border-radius:8px;height:5px;margin:10px 0 14px;overflow:hidden}.demo-progress>i{background:var(--mint);border-radius:8px;height:100%;display:block}.demo-module-card footer{color:#91a8b9;justify-content:space-between;gap:5px;font-size:9px;display:flex}.demo-module-card footer span{color:#dce7ee}.demo-notes{background:#1a1924;border:1px solid #4b405e;border-left:3px solid #9982c4;border-radius:9px;padding:18px 22px}.demo-notes h3{color:#d6c5f2;margin:0 0 7px;font-size:13px}.demo-notes p{color:#b6b1c9;margin:6px 0;font-size:11px}.demo-mini-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:12px 0 20px;display:grid}.demo-mini-grid article,.demo-mini-grid button.demo-reference-card{background:#0e1922;border:1px solid #304656;border-radius:8px;gap:9px;padding:15px;display:grid}.demo-mini-grid b{color:#b9cbd8;font-size:11px}.demo-mini-grid strong{font-size:22px}.demo-mini-grid small{color:var(--muted);font-size:10px}.demo-muted{color:var(--muted);font-size:11px}.demo-team-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.demo-team-grid article{background:#0f1922;border:1px solid #33495a;border-top:2px solid #ff6b7d;border-radius:9px;padding:18px}.team-title{justify-content:space-between;align-items:center;display:flex}.team-title b{letter-spacing:.1em;font-size:11px}.team-title strong{color:var(--mint);font-size:23px}.demo-team-grid article>p{color:var(--muted);font-size:10px}.demo-team-grid .person-line{text-align:left;background:0 0;border:0;border-top:1px solid #243d4f;border-radius:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:11px 0;font-size:10px;display:flex}.demo-team-grid .person-line b{color:#9de9d6}.demo-table-wrap{overflow:auto}.demo-app table{border-collapse:collapse;text-align:left;width:100%;min-width:760px}.demo-app th{letter-spacing:.06em;text-transform:uppercase;color:#93adbf;border-bottom:1px solid #385363;padding:11px;font-size:9px}.demo-app td{color:#ccdae5;vertical-align:top;border-bottom:1px solid #263b4a;padding:13px 11px;font-size:11px}.demo-app td small{color:#9ab0bf;margin-top:4px;font-size:9px;display:block}.demo-app td b{font-weight:600}.demo-app tr.with-attention{background:#56431938}.demo-status{white-space:nowrap;color:#9fe8d0;background:#1a3c32;border:1px solid #466c5c;border-radius:20px;padding:4px 8px;font-size:9px;display:inline-flex}.demo-status.bad{color:#ffb0b6;background:#46252b;border-color:#8e4c56}.demo-status.warn{color:#f6d79f;background:#44371f;border-color:#80663b}.demo-app .detail-button{white-space:nowrap;background:#213a4e;padding:6px 10px;font-size:10px}.demo-pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;font-size:10px;display:flex}.demo-pagination button{padding:7px 12px;font-size:10px}.demo-empty{text-align:center;color:#b0c4d3;padding:25px}.demo-maintenance{background:#111a22;border:1px solid #3c4650;border-radius:9px;max-width:1550px;margin:28px auto 0}.maintenance-toggle{text-align:left;width:100%;color:#b4c5d1!important;background:0 0!important;border:0!important;padding:17px!important;font-size:12px!important}.demo-maintenance>div{padding:0 22px 22px}.demo-maintenance p{color:var(--muted);font-size:12px}.demo-maintenance a{margin-right:18px;font-size:12px}.demo-maintenance .reset-button{background:#59313a;border-color:#a15c69;margin-top:15px}.demo-maintenance .reset-confirmation{color:#92e6ca}.demo-footer{color:#89a2b4;text-align:center;border-top:1px solid #283d4b;max-width:1550px;margin:30px auto 0;padding-top:20px;font-size:10px}.demo-error{background:#49242c;border:1px solid #b85f70;border-radius:8px;max-width:1550px;margin:15px auto;padding:15px}.demo-modal-backdrop{z-index:2000;background:#02080ee6;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.demo-modal{background:#12212d;border:1px solid #4a6579;border-radius:15px;width:min(800px,96vw);max-height:92vh;padding:28px;overflow:auto;box-shadow:0 30px 100px #0009}.demo-modal>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-modal>header button{font-size:10px}.demo-modal h2{margin:19px 0 6px;font-size:26px}.demo-modal p{color:#bacbd7;font-size:12px}.demo-record-note{color:#d8e4ec;background:#243746;border:1px solid #486273;border-left:3px solid #e5a65b;border-radius:6px;margin-top:18px;padding:14px;font-size:12px}.demo-modal dl{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.demo-modal dl div{background:#0c1923;border:1px solid #304957;border-radius:6px;padding:12px}.demo-modal dt{text-transform:uppercase;color:#9db5c7;margin-bottom:5px;font-size:9px}.demo-modal dd{color:#dbe6ee;margin:0;font-size:12px}.demo-modal h3{color:#a9d6ed;margin-top:23px;font-size:13px}.demo-checklist{padding:0;list-style:none}.demo-checklist li{border-bottom:1px solid #304a5c;gap:6px;padding:12px 0;font-size:12px;display:grid}.demo-checklist span{color:#afc6d7}.demo-related{gap:7px;display:grid}.demo-related button{text-align:left;font-size:11px}.demo-modal-actions{gap:10px;margin-top:25px;display:flex}.demo-modal-actions button{font-size:11px}.demo-modal-actions button:first-child{background:#265647;border-color:#459c80}.demo-monitor-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0;display:grid}.demo-monitor-grid article{background:#0c1821;border:1px solid #395064;border-radius:10px;padding:20px}.demo-monitor-grid span{color:#9db8ca;font-size:10px}.demo-monitor-grid h3{margin:12px 0 4px;font-size:16px}.demo-monitor-grid p{color:var(--muted);font-size:12px}.demo-monitor-grid b{color:#d1f0e5;font-size:11px}.demo-monitor-grid strong{font-size:22px;display:block}.demo-monitor-grid button{margin-top:14px;font-size:11px;display:block}.monitor-title{align-items:center;gap:12px;display:flex}.monitor-title h3{margin:0}.monitor-title>b{color:#c3addb;letter-spacing:.1em;margin-left:auto;font-size:9px}.live-dot{background:var(--mint);border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #43d5b070}.presentation-controls{z-index:1000;white-space:nowrap;background:#0c1721f5;border:1px solid #708d9f;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #000a}.presentation-controls span{color:#b5c9d9;font-size:11px}.presentation-controls button{font-size:11px}.presenting .demo-hero,.presenting .demo-filters,.presenting .demo-actions,.presenting .demo-top-label,.presenting .back-link{display:none}.presenting .demo-nav{margin-top:18px}.presenting .demo-section{margin-top:26px}.presenting{padding-bottom:100px}.demo-loading{text-align:center;color:#b4cadd;padding:100px 30px}@media (min-width:1800px){.demo-hero{padding-top:65px}}@media (max-width:1100px){.demo-metrics{grid-template-columns:repeat(4,1fr)}.demo-metrics .rate{grid-column:1/-1}.demo-team-grid,.demo-module-grid{grid-template-columns:1fr 1fr}.demo-hero{grid-template-columns:1fr 280px}.hero-summary{padding:22px}.hero-summary>b{font-size:48px}.demo-monitor-grid{grid-template-columns:1fr 1fr}.isolation-badge{margin-left:0}}@media (max-width:650px){.demo-app{padding:0 13px 26px}.demo-top{gap:12px;padding:16px 0!important}.demo-brand{width:105px}.demo-top-label{display:none}.back-link{font-size:10px}.demo-hero{grid-template-columns:1fr;gap:20px;padding:30px 0 25px}.demo-hero h1{font-size:40px}.hero-summary{grid-template-columns:1fr 1fr;gap:6px 20px;display:grid}.hero-summary>b{font-size:44px}.hero-summary>span{align-self:center}.hero-summary>div{margin:7px 0}.hero-summary>small{align-self:center}.demo-actions>button{width:100%}.isolation-badge{margin:auto}.demo-nav{gap:3px;padding:8px}.demo-nav button{padding:7px;font-size:10px}.demo-filters{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-filters .search{grid-column:1/-1}.demo-filters input,.demo-filters select{width:100%;min-width:0}.demo-metrics{grid-template-columns:1fr 1fr;gap:8px}.demo-metrics button.demo-reference-card{padding:14px}.demo-metrics strong{font-size:27px}.demo-metrics span{font-size:8px}.demo-metrics .rate{grid-column:1/-1}.demo-module-grid,.demo-team-grid,.demo-monitor-grid{grid-template-columns:1fr}.demo-panel{padding:16px}.demo-section-head{align-items:flex-start;gap:10px}.demo-section-head h2{font-size:23px}.demo-period{padding-left:8px;font-size:8px}.demo-modal{padding:17px}.demo-modal dl{grid-template-columns:1fr}.demo-modal h2{font-size:23px}.demo-modal>header .demo-eyebrow{font-size:8px}.demo-modal-actions{flex-wrap:wrap}.demo-modal-actions button{width:100%}.presentation-controls{white-space:normal;flex-wrap:wrap;justify-content:center;gap:5px;width:calc(100vw - 16px);padding:7px;bottom:8px}.presentation-controls button{padding:7px;font-size:9px}.presentation-controls span{font-size:9px}.monitor-title{flex-wrap:wrap}.monitor-title>b{margin-left:0}}.demo-app .demo-metrics{grid-template-columns:repeat(5,1fr) 1.15fr}.demo-modal{width:min(1100px,96vw)}.demo-full-answers{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;display:grid}.demo-full-answers article{background:#0b1b27;border:1px solid #355063;border-radius:8px;gap:10px;padding:15px;display:grid}.demo-full-answers article.issue{background:#3c2e1b;border-color:#8e6a36}.demo-full-answers b{color:#b7cddd;font-size:10px;line-height:1.5}.demo-full-answers span{color:#f0f5f8;font-size:13px}.demo-photo-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.demo-photo-grid figure{background:#09141d;border:1px solid #486074;border-radius:9px;margin:0;overflow:hidden}.demo-photo-grid img{width:100%;height:auto;display:block}.demo-photo-grid figcaption{color:#bdd1e0;padding:12px;font-size:10px}.demo-book-timeline{padding:0;list-style:none}.demo-book-timeline li{border-bottom:1px solid #3b5364;grid-template-columns:125px 1fr;gap:16px;padding:18px 0;display:grid}.demo-book-timeline time{color:#73dac2;font-size:11px}.demo-book-timeline b{color:#c7ddeb;font-size:12px}.demo-book-timeline small{color:#a7bfcd;font-size:10px}.demo-book-timeline button{margin-top:10px;font-size:10px;display:block}.demo-route-panel{background:#0e1e2a;border:1px solid #3d5d72;border-radius:10px;margin:25px 0;padding:18px}.demo-route-panel p{color:#b2c8d7;font-size:11px}.demo-route-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.demo-route-heading h3{margin:0}.demo-route-heading label{align-items:center;gap:8px;font-size:10px;display:flex}.demo-route-heading select{color:#fff;background:#102a3c;border:1px solid #597387;border-radius:6px;padding:8px}.demo-route-scroll{border-radius:8px;margin-top:15px;overflow:auto}.demo-route-scroll svg{width:100%;min-width:600px;display:block}.demo-route-scroll svg g{cursor:pointer}.demo-route-legend{color:#bad2e2;padding:10px 0;font-size:10px}.demo-selected-point{background:#18382d;border:1px solid #53866e;border-radius:8px;gap:6px;margin:12px 0;padding:15px;display:grid}.demo-selected-point span{font-size:11px}.demo-selected-point small{font-size:10px}.demo-point-table{max-height:420px;overflow:auto}.demo-point-table button{white-space:nowrap;font-size:10px}.demo-record-body{padding:12px 0}.demo-app .demo-status.good{color:#9fe8d0}@media (max-width:1100px){.demo-app .demo-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.demo-app .demo-metrics{grid-template-columns:1fr 1fr}.demo-full-answers,.demo-photo-grid{grid-template-columns:1fr}.demo-book-timeline li{grid-template-columns:1fr;gap:8px}.demo-route-heading{flex-direction:column;align-items:flex-start}}.demo-book-document{color:#17232c;background:#fff;border-radius:7px;margin-top:18px;padding:28px 30px;font:14px/1.55 Arial,sans-serif}.demo-book-document .book-brand{width:145px;margin:0 0 20px;display:block}.demo-book-document h2{color:#111;margin:0 0 15px;font-size:25px;line-height:1.25}.demo-book-document h3{color:#182731;margin:28px 0 14px;font-size:19px}.demo-book-document p{color:#20313c;margin:10px 0;font-size:13px}.demo-book-document .book-demo-note{color:#526878;background:#f0f5f9;border:1px solid #b8cbd8;border-radius:5px;padding:9px 12px;font-size:11px}.demo-book-document .book-counts{border-top:1px solid #c5d2db;border-bottom:1px solid #c5d2db;flex-wrap:wrap;gap:20px;margin:20px 0;padding:12px 0;font-size:12px;display:flex}.demo-book-document .book-counts b{margin-left:5px}.demo-book-document .book-table-scroll{overflow:auto}.demo-book-document table.book-category-table{border-collapse:collapse;width:100%;min-width:0}.demo-book-document .book-category-table th{color:#17232c;letter-spacing:0;text-transform:none;vertical-align:top;background:#f5f8fa;border:1px solid #bbccd7;width:27%;padding:13px;font-size:12px}.demo-book-document .book-category-table td{color:#1c2c36;border:1px solid #bbccd7;padding:13px;font-size:12px}.demo-book-document .book-category-table td p{font-size:12px}.demo-book-document .book-source+.book-source{border-top:1px solid #d9e2e8;margin-top:16px;padding-top:16px}.demo-book-document .book-source button{color:#1c4d71;background:#edf4f8;border-color:#a5bdcd;padding:6px 9px;font-size:10px}.demo-book-document .book-attention{border-left:3px solid #be842f;padding-left:9px;color:#915612!important}.demo-book-document .book-narrative{background:#f6f9fb;border-left:2px solid #5d7c92;margin:14px 0;padding:13px 15px}.demo-book-document .book-narrative>b{color:#263c4c;font-size:12px}.demo-book-document .book-narrative small,.demo-book-document .book-reference{color:#637685;font-size:10px}@media (max-width:650px){.demo-book-document{padding:18px 12px}.demo-book-document h2{font-size:20px}.demo-book-document .book-category-table th{width:29%;padding:8px;font-size:10px}.demo-book-document .book-category-table td{padding:9px;font-size:11px}.demo-book-document .book-counts{gap:10px}}.demo-app button.demo-reference-card{text-align:left}.demo-app button.demo-reference-card:hover{background:#203441;border-color:#7590a5}.demo-app button.team-title{background:0 0;width:100%;padding:4px 6px}.demo-reference-heading{scroll-margin-top:24px}.demo-execution-chart{gap:12px;display:grid}.demo-chart-context{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.demo-chart-context>div{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.demo-chart-context span{color:var(--muted);font-size:12px}.demo-gauges{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.demo-app button.demo-gauge{background:#0e1922;align-content:start;justify-items:center;gap:6px;padding:12px 8px;display:grid}.demo-app button.demo-gauge:hover{background:#203441;border-color:#7590a5}.demo-gauge svg{width:min(100%,180px);display:block}.demo-gauge small{color:var(--muted);font-size:10px}.demo-gauge-fill{transition:stroke-dasharray .18s ease-out}.demo-app button.daily-col{background:0 0;border:1px solid #0000;border-radius:6px;padding:2px 0}.demo-app button.daily-col[data-active=true]{background:#203441;border-color:#5b7e91}.daily-col[data-active=true] .planned-bar{background:#86a6ba}.daily-col[data-active=true] .done-bar{background:#72f3cf}.daily-col .bar-pair>span{transition:background-color .16s ease-out}@media (max-width:590px){.demo-gauges{gap:5px}.demo-app button.demo-gauge{padding:7px 4px;font-size:10px}.demo-gauge small{font-size:8px}}@media (prefers-reduced-motion:reduce){.demo-gauge-fill,.daily-col .bar-pair>span{transition:none}}.demo-chart-values{flex-wrap:wrap;gap:4px;display:flex}.demo-app .demo-chart-values button,.demo-app .chart-legend button{background:#14212b;padding:3px 7px;font-size:11px}.demo-app .chart-legend button{align-items:center;gap:5px;display:inline-flex}.chart-legend button:last-child i{background:var(--mint)}.demo-category-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:14px 0 18px;display:grid}.demo-category-chart{background:#0e1922;border:1px solid #304656;border-radius:9px;min-width:0;padding:12px}.demo-category-chart h4{margin:0 0 8px;font-size:13px;font-weight:750}.demo-chart-swatch{background:var(--mint);border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.demo-category-chart ul{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.demo-app .demo-category-chart li button{text-align:left;background:0 0;border-color:#0000;gap:5px;width:100%;padding:6px;display:grid}.demo-app .demo-category-chart li button:hover{background:#203441;border-color:#5b7e91}.demo-category-label{overflow-wrap:anywhere;justify-content:space-between;gap:8px;font-size:11px;display:flex}.demo-category-label b{color:#d7efe7;flex:none}.demo-category-track{background:#182934;border-radius:4px;height:6px;display:block;overflow:hidden}.demo-category-track>span,.demo-category-track i{border-radius:inherit;height:100%;display:block}.demo-category-track>span{background:#6388a3}.demo-category-track i{background:var(--mint)}.demo-app button.demo-category-more{margin-top:9px;padding:5px 8px;font-size:11px}