.db-root{display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 168px)}.db-toolbar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-lg);flex-wrap:wrap}.db-name-input{background:transparent;border:0;color:var(--tx-1);font-size:14px;font-weight:600;padding:6px 8px;outline:none;font-family:inherit;min-width:120px;max-width:240px;border-radius:var(--r-sm);transition:background var(--dur) var(--ease)}.db-name-input:focus,.db-name-input:hover{background:var(--glass-fill)}.db-toolbar-spacer{flex:1 1}.db-live-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--tx-2);font-family:JetBrains Mono,ui-monospace,monospace;padding:5px 11px;border-radius:var(--r-pill);background:var(--glass-fill);border:1px solid var(--glass-border)}.db-live-dot{width:7px;height:7px;border-radius:50%;background:var(--tone-emerald);box-shadow:0 0 8px var(--tone-emerald)}.db-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:0 2px}.db-tab,.db-tabs{align-items:center}.db-tab{display:inline-flex;border-radius:var(--r-pill);background:var(--glass-fill);border:1px solid var(--glass-border);overflow:hidden;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.db-tab.is-active{border-color:var(--acc-ring);background:var(--acc-soft)}.db-tab-btn{background:transparent;border:0;color:var(--tx-2);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;padding:6px 12px;min-height:32px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tab-btn:hover,.db-tab.is-active .db-tab-btn{color:var(--tx-1)}.db-tab-x{display:grid;place-items:center;width:26px;min-width:26px;height:32px;border:0;background:transparent;color:var(--tx-3);cursor:pointer;border-radius:0}.db-tab-x:hover{color:#fda4af;background:rgba(251,113,133,.12)}.db-tab-add{display:grid;place-items:center;width:32px;height:32px;min-width:32px;border-radius:var(--r-pill);border:1px dashed var(--glass-border);background:transparent;color:var(--tx-3);cursor:pointer}.db-tab-add:hover{color:var(--acc-solid);border-color:var(--acc-ring)}.db-tab-add:focus-visible,.db-tab-btn:focus-visible,.db-tab-x:focus-visible{outline:2px solid var(--acc-ring);outline-offset:2px}.db-banner{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:var(--r-md);background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.4);color:#fde68a;font-size:13px}.db-banner svg{flex-shrink:0;color:#fbbf24}.db-tile-fig{margin:0;display:contents}.db-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.db-menu-input{width:100%;padding:7px 9px;min-height:32px;border-radius:6px;border:1px solid var(--glass-border);background:var(--glass-fill);color:var(--tx-1);font-family:inherit;font-size:12.5px;outline:none}.db-menu-input:focus{border-color:var(--acc-ring)}.db-export{position:relative}.db-menu-scrim{position:fixed;inset:0;z-index:40}.db-export-menu,.db-tile-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:41;min-width:190px;padding:6px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:2px}.db-export-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;min-height:40px;background:transparent;border:0;border-radius:var(--r-sm);color:var(--tx-1);cursor:pointer;font-family:inherit;font-size:13.5px;text-align:left}.db-export-menu button:hover{background:var(--glass-fill-2)}.db-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px;align-items:stretch}.db-tile{position:relative;padding:16px 18px 12px;border-radius:var(--r-md);display:flex;flex-direction:column;gap:8px;background:var(--glass-fill);border:1px solid var(--glass-border);overflow:hidden;min-height:168px;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.db-tile:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--tile-from),var(--tile-to));opacity:.9}.db-tile:hover{border-color:var(--glass-border-strong);transform:translateY(-1px);box-shadow:var(--glass-shadow-sm)}.db-tile.is-empty{background:rgba(255,255,255,.02);border-style:dashed}.db-tile.is-empty:before{opacity:.3}.db-tile.is-drag-over{border-color:var(--acc-ring);box-shadow:0 0 0 2px var(--acc-ring)}.db-tile[draggable=true]{cursor:-webkit-grab;cursor:grab}.db-tile:active{cursor:-webkit-grabbing;cursor:grabbing}.db-tile-h{display:flex;align-items:center;gap:8px}.db-tile-grip{color:var(--tx-3);display:grid;place-items:center;cursor:-webkit-grab;cursor:grab;flex-shrink:0}.db-tile-title{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--tx-2);font-weight:700}.db-tile-metric{font-size:10px;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--tx-3);background:var(--glass-fill);padding:2px 7px;border-radius:var(--r-pill)}.db-tile-menu-wrap{margin-left:auto;position:relative}.db-tile-cog{width:30px;height:30px;min-width:30px;border:0;background:transparent;color:var(--tx-3);cursor:pointer;border-radius:7px;display:grid;place-items:center}.db-tile-cog:hover{background:var(--glass-fill-2);color:var(--tx-1)}.db-tile-cog:focus-visible{outline:2px solid var(--acc-ring);outline-offset:-2px}.db-tile-link{display:block}.db-tile-value{font-size:32px;font-weight:800;color:var(--tx-1);letter-spacing:-.02em;line-height:1.1}.db-tile.is-empty .db-tile-value{font-size:18px;font-weight:500;color:var(--tx-3)}.db-tile-sub{font-size:12.5px;color:var(--tx-2);margin-top:2px;line-height:1.4}.db-viz{width:100%;height:56px;display:block;margin-top:auto}.db-tile-foot{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding-top:8px;font-size:11.5px;color:var(--tx-3);font-family:JetBrains Mono,ui-monospace,monospace;transition:color var(--dur) var(--ease)}.db-tile-foot:hover{color:var(--acc-solid)}.db-tile-foot svg{transition:transform var(--dur) var(--ease)}.db-tile-foot:hover svg{transform:translateX(2px)}.db-bk{display:flex;flex-direction:column;gap:5px;margin-top:8px}.db-bk-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;grid-gap:8px;gap:8px}.db-bk-label{font-size:11px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-bk-track{height:7px;border-radius:99px;background:var(--glass-border);overflow:hidden}.db-bk-fill{display:block;height:100%;border-radius:99px;min-width:3px}.db-bk-val{font-size:11.5px;color:var(--tx-2);font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.db-donut{display:flex;align-items:center;gap:12px;margin-top:8px}.db-donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--tx-2)}.db-donut-legend li{display:flex;align-items:center;gap:6px}.db-donut-legend strong{color:var(--tx-1);font-family:JetBrains Mono,ui-monospace,monospace}.db-donut-key{width:9px;height:9px;border-radius:3px;flex-shrink:0}.db-tile-menu{min-width:210px}.db-menu-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-3);font-weight:600;padding:4px 6px 2px}.db-menu-row{display:flex;flex-wrap:wrap;gap:4px;padding:2px 4px 6px}.db-menu-chip{padding:5px 9px;min-height:30px;border-radius:6px;border:1px solid var(--glass-border);background:var(--glass-fill);color:var(--tx-2);cursor:pointer;font-family:inherit;font-size:11.5px;text-transform:capitalize}.db-menu-chip:hover{color:var(--tx-1)}.db-menu-chip.is-on{background:var(--acc-soft);color:#ddd6fe;border-color:var(--acc-ring)}.db-menu-swatch{width:26px;height:26px;border-radius:7px;border:2px solid transparent;cursor:pointer;padding:0}.db-menu-swatch.is-on{border-color:#fff;box-shadow:0 0 0 2px var(--acc-ring)}.db-menu-sep{height:1px;background:var(--glass-border);margin:4px 0}.db-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px;min-height:38px;background:transparent;border:0;border-radius:var(--r-sm);color:var(--tx-1);cursor:pointer;font-family:inherit;font-size:13px;text-align:left}.db-menu-item:hover{background:var(--glass-fill-2)}.db-menu-danger{color:#fda4af}.db-menu-danger:hover{background:rgba(251,113,133,.15)}.db-add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:168px;border:2px dashed var(--glass-border);border-radius:var(--r-md);background:rgba(255,255,255,.015);color:var(--tx-3);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600}.db-add-card:hover{border-color:var(--acc-ring);color:var(--acc-solid);background:var(--acc-soft)}.db-add-card:focus-visible{outline:2px solid var(--acc-ring);outline-offset:2px}.db-empty,.db-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:56px 24px;text-align:center;color:var(--tx-3);border:2px dashed var(--glass-border);border-radius:var(--r-lg)}.db-empty svg,.db-loading svg{color:var(--tx-2)}.db-empty strong{color:var(--tx-1);font-size:17px}.db-empty span{font-size:13.5px;max-width:380px;line-height:1.5}.db-empty-actions{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap;justify-content:center}.db-picker-scrim{position:fixed;inset:0;background:rgba(10,10,20,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:70;display:grid;place-items:center;padding:24px}.db-picker{width:min(480px,100%);max-height:min(640px,calc(100vh - 48px));border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden}.db-picker-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--glass-border)}.db-picker-head h2{margin:0;font-size:16px;font-weight:700}.db-picker-search{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--glass-border);color:var(--tx-3)}.db-picker-search input{flex:1 1;background:transparent;border:0;color:var(--tx-1);font-size:16px;font-family:inherit;outline:none}.db-picker-list{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.db-picker-none{padding:24px;text-align:center;color:var(--tx-3);font-size:13px}.db-picker-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;min-height:52px;background:transparent;border:0;border-radius:var(--r-md);color:var(--tx-1);cursor:pointer;text-align:left;font-family:inherit}.db-picker-item:hover:not(:disabled){background:var(--glass-fill-2)}.db-picker-item:disabled{opacity:.5;cursor:default}.db-picker-item:focus-visible{outline:2px solid var(--acc-ring);outline-offset:-2px}.db-picker-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.db-picker-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.db-picker-name{font-size:14px;font-weight:600}.db-picker-sub{font-size:11.5px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-picker-val{font-size:15px;font-weight:700;color:var(--tx-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.db-picker-added{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--tone-emerald);font-weight:700}@media (max-width:760px){.db-grid{grid-template-columns:1fr}.db-share,.db-tb-label,.db-toolbar-spacer{display:none}.db-name-input{order:-1;flex:1 1 100%;max-width:none;font-size:16px}.db-live-pill{font-size:11px;padding:4px 9px}.db-tile-menu{right:0;left:auto}.db-picker{width:100%;max-height:86vh;align-self:flex-end;border-radius:var(--r-lg) var(--r-lg) 0 0}.db-picker-scrim{place-items:end center;padding:0}}@media (max-width:560px){.db-toolbar{gap:6px;padding:7px 8px}.db-tile-value{font-size:28px}}