:root{--app-bg: #000000;--app-card: #0d0d0d;--app-sidebar: #111111;--app-primary: #f97316;--app-secondary: #22c55e;--app-text: #ffffff;--app-muted: #64748b;--app-border: rgba(255, 255, 255, .08)}.uv-app-card{display:flex;background:var(--app-card);border:1px solid var(--app-border);border-radius:1.5rem;overflow:hidden;max-width:900px;margin:0 auto;box-shadow:0 40px 100px -20px #000c}@media(max-width:768px){.uv-app-card{flex-direction:column}}.uv-app-sidebar{width:320px;background:var(--app-sidebar);border-right:1px solid var(--app-border);padding:2rem;display:flex;flex-direction:column;gap:2.5rem}@media(max-width:768px){.uv-app-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--app-border)}}.uv-app-brand{display:flex;align-items:center;gap:.75rem;color:var(--app-primary);font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em}.uv-app-inputs{display:flex;flex-direction:column;gap:1.75rem}.uv-input-item{display:flex;flex-direction:column;gap:.75rem}.uv-label-box{display:flex;justify-content:space-between;align-items:center}.uv-input-item label{font-size:.72rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.uv-label-box span{font-size:.875rem;font-weight:900;color:var(--app-primary)}.uv-app-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#222;border-radius:3px;outline:none}.uv-app-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--app-primary);border-radius:2px;cursor:pointer;box-shadow:0 0 10px #f9731666}.uv-app-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1a1a1a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 1.25rem center;background-size:1rem;border:1px solid #333;color:#fff;padding:.75rem 3.5rem .75rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;outline:none;cursor:pointer;width:100%;transition:all .2s ease}.uv-app-check{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:700;color:#fff;cursor:pointer;padding-top:.5rem}.uv-app-check input{width:1.25rem;height:1.25rem;accent-color:var(--app-primary)}.uv-app-safety{margin-top:auto;display:flex;flex-direction:column;gap:.75rem;padding-top:2rem;border-top:1px solid #1a1a1a}.safety-row{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:800;color:var(--app-muted);text-transform:uppercase;cursor:help;position:relative;transition:all .2s ease}.safety-row:hover{color:var(--app-primary);text-shadow:0 0 8px rgba(249,115,22,.5)}.safety-row[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:0;width:200px;background:#000;color:#fff;padding:.5rem;border-radius:.25rem;font-size:.65rem;font-weight:600;text-transform:none;border:1px solid var(--app-primary);opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;pointer-events:none}.safety-row:hover[data-tooltip]:after{opacity:1;visibility:visible;bottom:150%}.uv-app-main{flex:1;padding:3rem;display:flex;flex-direction:column;gap:3rem;justify-content:center}.uv-top-stats{display:flex;gap:2rem;justify-content:center}.uv-stat-mini{display:flex;flex-direction:column;align-items:center;min-width:80px}.uv-stat-mini small{font-size:.625rem;font-weight:800;color:var(--app-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.uv-stat-mini strong{font-size:.875rem;font-weight:900;color:#fff}.uv-main-display{display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%}.uv-timer-ring{position:relative;width:200px;height:200px;flex-shrink:0}.uv-timer-ring>svg{transform:rotate(-90deg);width:100%;height:100%}.ring-bg{fill:none;stroke:#1a1a1a;stroke-width:4}.ring-fill{fill:none;stroke:var(--app-primary);stroke-width:4;stroke-linecap:square;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.uv-timer-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;transform:rotate(0)}.uv-timer-text span{font-size:2.25rem;line-height:1;font-weight:950;color:#fff;font-variant-numeric:tabular-nums}.uv-timer-text small{font-size:.6rem;font-weight:800;color:var(--app-muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem}.uv-app-btn{background:transparent;border:1.5px solid var(--app-primary);color:var(--app-primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;margin-top:1rem}#icon-play{margin-left:2px}.uv-app-btn:hover{background:var(--app-primary);color:#fff;box-shadow:0 0 20px #f9731666}.uv-app-btn.running{border-color:#ef4444;color:#ef4444}.uv-app-btn.running:hover{background:#ef4444;color:#fff;box-shadow:0 0 20px #ef442c66}.uv-chart-small{width:100%;max-width:600px;padding:1.5rem;background:#000;border:1px solid #1a1a1a;border-radius:.5rem;position:relative}.uv-chart-small svg{height:180px;width:100%;display:block}.grid-line{stroke:#ffffff0d;stroke-width:1;stroke-dasharray:2 2}.chart-path{fill:none;stroke:var(--app-primary);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(249,115,22,.3))}.chart-area{fill:linear-gradient(to bottom,rgba(249,115,22,.2),transparent);fill:var(--app-primary);opacity:.1}.chart-cursor{fill:#fff;stroke:var(--app-primary);stroke-width:2}.chart-labels{display:flex;justify-content:space-between;font-size:.6rem;font-weight:800;color:var(--app-muted);text-transform:uppercase;margin-top:1rem;letter-spacing:.05em}.uv-chart-legend{display:flex;justify-content:center;gap:2rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #1a1a1a}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.65rem;font-weight:800;color:#fff;text-transform:uppercase}.line-dot{width:12px;height:3px;background:var(--app-primary);border-radius:1px}.point-dot{width:8px;height:8px;background:#fff;border:2px solid var(--app-primary);border-radius:50%}.uv-app-alerts{display:flex;flex-direction:column;gap:1rem;min-height:80px}.uv-alert-box{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:.5rem;font-size:.8125rem;font-weight:600}.uv-alert-box.warning{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.uv-alert-box.info{background:#22c55e0d;border:1px solid rgba(34,197,94,.1);color:#bcf2d1}[data-theme=light] .uv-app-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .uv-app-sidebar{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .uv-app-brand,[data-theme=light] .uv-app-check,[data-theme=light] .uv-stat-mini strong,[data-theme=light] .uv-timer-text span,[data-theme=light] .uv-app-select{color:#0f172a}[data-theme=light] .uv-app-select{background:#fff;border-color:#cbd5e1}[data-theme=light] .ring-bg{stroke:#cbd5e1}[data-theme=light] .uv-chart-small{background:#f1f5f9;border-color:#cbd5e1}