.db-card{--db-color:#34d399;--db-glow:#34d39959}.db-card[data-level="3"]{--db-color:#facc15;--db-glow:#facc1552}.db-card[data-level="4"]{--db-color:#fb923c;--db-glow:#fb923c59}.db-card[data-level="5"],.db-card[data-level="6"]{--db-color:#f43f5e;--db-glow:#f43f5e6b}.db-stage{place-items:center;display:grid;position:relative}.db-glow{background:radial-gradient(circle, var(--db-glow) 0%, transparent 66%);opacity:.35;transition:opacity .5s var(--ease);pointer-events:none;border-radius:50%;position:absolute;inset:8% 18%;transform:scale(.9)}.db-card[data-state=on] .db-glow{opacity:.8}.db-gauge{grid-area:1/1;width:min(100%,340px);height:auto;overflow:visible}.db-track{fill:none;stroke:#ffffff12;stroke-width:18px;stroke-linecap:round}.db-fill{fill:none;stroke:url(#db-grad);stroke-width:18px;stroke-linecap:round;stroke-dasharray:1000 1000;stroke-dashoffset:1000px}.db-tick{stroke:#ffffff38;stroke-width:1.6px;stroke-linecap:round}.db-tick.major{stroke:#ffffff80;stroke-width:2.4px}.db-tick-label{fill:var(--fg-subtle);text-anchor:middle;font-family:inherit;font-size:10px;font-weight:700}.db-dot circle{fill:#fff;stroke:var(--db-color);stroke-width:4px;transition:stroke .3s}.db-card[data-state=off] .db-dot{opacity:0}.db-max line{stroke:#f43f5e;stroke-width:3px;stroke-linecap:round}.db-max{opacity:0;transition:opacity .3s}.db-card.has-max .db-max{opacity:.9}.db-readout{text-align:center;grid-area:1/1;margin-top:-6px;position:relative}.db-value{letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--fg);font-size:clamp(3.4rem,17vw,4.6rem);font-weight:800;line-height:1}.db-card[data-state=off] .db-value{color:var(--fg-subtle)}.db-unit{letter-spacing:.14em;color:var(--db-color);margin:2px 0 6px;font-size:.8rem;font-weight:800;transition:color .3s}.db-label{color:var(--fg);min-height:1.4em;margin:0;font-size:.98rem;font-weight:800}.db-label.swap{animation:db-swap .45s var(--spring)}.db-example{max-width:200px;color:var(--fg-muted);min-height:2.4em;margin:2px auto 0;font-size:.78rem}.db-spectrum{align-items:flex-end;gap:3px;max-width:360px;height:54px;margin:2px auto 0;display:flex}.db-spectrum span{transform-origin:bottom;will-change:transform;background:linear-gradient(#e879f9e6,#a78bfad9 40%,#38bdf8d9);border-radius:3px 3px 1px 1px;flex:1;height:100%;transform:scaleY(.04)}.db-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0 6px;display:flex}.db-main{min-width:190px}.db-card[data-state=on] .db-main{background:linear-gradient(120deg,#fb7185,#e879f9)}.db-stats{grid-template-columns:repeat(4,1fr);margin-top:12px}.db-stats .v{font-variant-numeric:tabular-nums}@media (width<=520px){.db-stats{grid-template-columns:repeat(2,1fr)}}.db-chart{border-radius:var(--r-md);border:1px solid var(--card-border);background:#ffffff06;width:100%;height:140px;margin-top:14px;display:block}.db-exposure{border-radius:var(--r-md);border:1px solid var(--card-border);background:#ffffff08;align-items:flex-start;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.db-exposure-icon{font-size:1.4rem;line-height:1.2}.db-exposure-title{color:var(--fg);margin:0 0 2px;font-size:.92rem}.db-exposure-title strong{color:var(--accent)}.db-exposure .field-hint{margin:0}.db-weight{margin-top:16px}.db-calibration{border:1px solid var(--card-border);border-radius:var(--r-md);background:#ffffff05;margin-top:8px;padding:0 16px}.db-calibration summary{cursor:pointer;color:var(--fg);justify-content:space-between;align-items:center;padding:14px 0;font-size:.9rem;font-weight:800;list-style:none;display:flex}.db-calibration summary::-webkit-details-marker{display:none}.db-calibration summary:after{content:"▾";color:var(--fg-muted);transition:transform .3s var(--ease)}.db-calibration[open] summary:after{transform:rotate(180deg)}.db-calibration[open]{padding-bottom:14px}.db-offset{align-items:center;gap:10px;margin-bottom:12px;display:flex}.db-offset .field-label{margin:0}.db-offset strong{text-align:center;font-variant-numeric:tabular-nums;min-width:60px}.db-offset-btn{border:1.5px solid var(--card-border);width:36px;height:36px;color:var(--fg);cursor:pointer;transition:border-color .15s, transform .3s var(--spring);background:#ffffff0a;border-radius:50%;font-size:1.1rem;font-weight:800}.db-offset-btn:hover{border-color:var(--accent)}.db-offset-btn:active{transform:scale(.88)}.db-match{align-items:end}.db-match .btn{margin-bottom:14px}.db-table{min-width:0}.db-table td:first-child{white-space:normal}@media (prefers-reduced-motion:no-preference){.db-card[data-level="5"][data-state=on] .db-glow,.db-card[data-level="6"][data-state=on] .db-glow{animation:.9s ease-in-out infinite db-alarm}.db-card[data-state=on] .db-dot circle{animation:1.6s ease-in-out infinite db-breathe}}@keyframes db-swap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes db-alarm{0%,to{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.02)}}@keyframes db-breathe{0%,to{opacity:1}50%{opacity:.75}}