.trw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:start;max-width:660px;margin:0 auto;}@media (max-width:600px){.trw-grid{grid-template-columns:1fr;}}.trw{--bg:#111827;--bg-soft:#0b1220;--text:#d1d5db;--muted:#9ca3af;--accent:#1d4ed8;--accent-2:#60a5fa;--bar:#22c55e;--bar-soft:#14532d;--knob:#ffffff;--track:#314266;--shadow:0 6px 18px rgba(0,0,0,.25);--trw-maxw:300px;--trw-pad:10px;--trw-radius:10px;--trw-hist-h:52px;--trw-track-h:6px;--trw-knob:16px;--trw-font:12px;--trw-badge-fs:10px;}.trw.theme-light{--bg:#ffffff;--bg-soft:#f3f4f6;--text:#111827;--muted:#6b7280;--accent:#2563eb;--accent-2:#93c5fd;--bar:#34d399;--bar-soft:#d1fae5;--knob:#ffffff;--track:#c7d2fe;--shadow:0 6px 18px rgba(17,24,39,.08);}.trw{position:relative;box-sizing:border-box;width:100%;max-width:var(--trw-maxw);margin:6px auto 10px;padding:var(--trw-pad);border-radius:var(--trw-radius);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;user-select:none;transition:background .2s ease,box-shadow .2s ease,opacity .15s ease;}.trw .trw-title{font-size:var(--trw-font);font-weight:600;margin-bottom:6px;opacity:.9}.trw .trw-badge{position:absolute;top:8px;right:8px;font-weight:700;font-size:var(--trw-badge-fs);background:rgba(255,255,255,.08);color:var(--muted);padding:4px 8px;border-radius:10px;backdrop-filter:saturate(140%) blur(6px);transition:opacity .15s ease;}.trw.theme-light .trw-badge{background:rgba(0,0,0,.06)}.trw{background:transparent;box-shadow:none}.trw .trw-badge{opacity:0;pointer-events:none}.trw .trw-hist{height:0;margin:0;opacity:0;overflow:hidden}.trw .bar{opacity:0}.trw.is-interacting{background:var(--bg);color:var(--text);box-shadow:var(--shadow)}.trw.is-interacting .trw-badge{opacity:1;pointer-events:auto}.trw.is-interacting .trw-hist{height:var(--trw-hist-h);margin:6px 0 10px;opacity:1}.trw.is-interacting .bar{opacity:.95}.trw .trw-hist{position:relative;width:100%;background:linear-gradient(to bottom,transparent 70%,rgba(0,0,0,.06) 100%);border-radius:8px;transition:height .2s ease,margin .2s ease,opacity .15s ease;}.trw.theme-light .trw-hist{background:linear-gradient(to bottom,transparent 70%,rgba(0,0,0,.035))}.trw .bar{position:absolute;bottom:0;width:5px;border-radius:2px 2px 0 0;background:var(--bar);transform:translateX(-50%);transition:opacity .15s ease;}.trw .bar.is-muted{background:var(--bar-soft)}.trw .trw-track{position:relative;height:var(--trw-track-h);border-radius:999px;background:var(--track)}.trw .trw-range{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}.trw .knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--trw-knob);height:var(--trw-knob);border-radius:50%;background:var(--knob);box-shadow:0 1px 5px rgba(0,0,0,.25);border:2px solid var(--accent);cursor:grab;touch-action:none;}.trw .knob:active{cursor:grabbing}.trw .trw-labels{display:flex;justify-content:space-between;align-items:center;margin-top:6px;color:var(--muted);font-weight:600;font-size:calc(var(--trw-font) - 1px)}.trw .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}