:root{--row-bg:#0a0e14;--row-text:#e2e8f0;--row-text-muted:#94a3b8;--row-border:#94a3b81f;--row-primary:#60a5fa;--row-primary-rgb:96, 165, 250;--row-control-bg:#0a0e14d9;--row-btn-bg:#94a3b81a;--row-btn-hover:#94a3b833;--row-slider-track:#94a3b833}._row-container{background:var(--row-bg);width:100%;min-height:100vh;position:relative;overflow:hidden}._row-bg{z-index:1;filter:blur(2px)brightness(.4);background-position:50%;background-size:cover;transition:background-image .8s,filter .8s;position:absolute;top:0;bottom:0;left:0;right:0}._row-container[data-scene=dark] ._row-bg{filter:none;background:radial-gradient(at 50% 30%,#14233c66 0%,#0000 60%),radial-gradient(at 30% 80%,#0a0f1e80 0%,#0000 50%),radial-gradient(at 70% 90%,#0f14284d 0%,#0000 40%),linear-gradient(#080c14 0%,#0a1020 40%,#060a12 100%)}._row-container[data-scene=city] ._row-bg{filter:none;background:radial-gradient(120% 25% at 50% 85%,#ffa03c1f 0%,#0000 100%),radial-gradient(circle at 12% 72%,#ffc8501a 0%,#0000 8%),radial-gradient(circle at 18% 68%,#ffb43c0f 0%,#0000 5%),radial-gradient(circle at 25% 75%,#ffdc7814 0%,#0000 6%),radial-gradient(circle at 72% 65%,#64b4ff14 0%,#0000 7%),radial-gradient(circle at 78% 70%,#78a0ff0d 0%,#0000 5%),radial-gradient(circle at 85% 74%,#ffc86412 0%,#0000 6%),radial-gradient(circle at 45% 62%,#ff78500a 0%,#0000 10%),radial-gradient(circle at 55% 68%,#c896500d 0%,#0000 8%),radial-gradient(circle at 35% 78%,#ff3c640f 0%,#0000 12%),radial-gradient(circle at 62% 80%,#3cc8ff0d 0%,#0000 10%),linear-gradient(#06090f 0%,#0a1018 35%,#0e1520 65%,#101822 100%)}._row-container[data-scene=forest] ._row-bg{filter:none;background:radial-gradient(40% 35% at 15% 40%,#081e0cb3 0%,#0000 100%),radial-gradient(50% 40% at 80% 35%,#0a230f99 0%,#0000 100%),radial-gradient(35% 30% at 50% 30%,#0c281280 0%,#0000 100%),radial-gradient(at 40% 95%,#1e502826 0%,#0000 40%),radial-gradient(at 60% 90%,#143c1e1a 0%,#0000 35%),radial-gradient(at 50% 60%,#0f281933 0%,#0000 50%),linear-gradient(#040a06 0%,#061008 30%,#0a1a10 60%,#06120a 100%)}._row-container[data-scene=street] ._row-bg{filter:none;background:radial-gradient(30% 50% at 50% 55%,#ffc8642e 0%,#ffb4500f 40%,#0000 100%),radial-gradient(circle at 50% 28%,#ffdc8c33 0%,#0000 8%),radial-gradient(circle at 50% 30%,#ffc86414 0%,#0000 15%),radial-gradient(60% 15% at 50% 95%,#ffbe641a 0%,#0000 100%),radial-gradient(circle at 82% 45%,#ffb4500a 0%,#0000 12%),linear-gradient(#080a10 0%,#0c1018 40%,#0e1420 70%,#0a0e16 100%)}._row-canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}._row-fog{z-index:3;pointer-events:none;opacity:0;background:radial-gradient(at 50% 100%,#b4c8dc14 0%,#0000 60%);transition:opacity .8s;position:absolute;top:0;bottom:0;left:0;right:0}._row-fog._row-fog-active{opacity:1}._row-lightning{z-index:4;pointer-events:none;opacity:0;background:#c8dcffb3;transition:none;position:absolute;top:0;bottom:0;left:0;right:0}._row-vignette{z-index:5;pointer-events:none;background:radial-gradient(#0000 40%,#00000080 100%);position:absolute;top:0;bottom:0;left:0;right:0}._row-scenes{top:var(--main-space-4);gap:var(--main-space-2);padding:var(--main-space-1) var(--main-space-2);-webkit-backdrop-filter:blur(8px);border-radius:var(--main-radius-full);z-index:10;opacity:0;background:#00000080;transition:opacity .4s;display:flex;position:absolute;left:50%;translate:-50%}._row-container:hover ._row-scenes,._row-scenes:hover{opacity:1}._row-scene-btn{border-radius:var(--main-radius-full);color:var(--row-text-muted);font-size:var(--main-text-xs);font-weight:var(--main-font-medium);cursor:pointer;transition:color var(--main-transition), background var(--main-transition);white-space:nowrap;background:0 0;border:none;padding:.375rem .875rem}._row-scene-btn:hover{color:var(--row-text)}._row-scene-btn._row-scene-active{background:rgba(var(--row-primary-rgb), .2);color:var(--row-primary)}._row-scene-upload,._row-scene-remove{padding:.375rem .5rem}._row-scene-upload svg,._row-scene-remove svg{width:14px;height:14px}._row-scene-remove svg{width:12px;height:12px}._row-scene-divider{background:#94a3b833;align-self:center;width:1px;height:1rem}._row-container[data-scene=custom] ._row-bg{filter:blur(2px)brightness(.35)}@media (max-width:768px){._row-scenes{gap:var(--main-space-1);padding:var(--main-space-1)}._row-scene-btn{padding:.25rem .625rem;font-size:.6875rem}}._row-controls{padding:var(--main-space-3) var(--main-space-6);background:var(--row-control-bg);-webkit-backdrop-filter:blur(12px);border-top-style:solid;border-top-width:1px;border-top-color:var(--row-border);z-index:100;justify-content:space-between;align-items:center;transition:opacity .4s,translate .4s;display:flex;position:fixed;bottom:0;left:0;right:0}._row-controls._row-controls-hidden{opacity:0;pointer-events:none;translate:0 100%}._row-controls-left,._row-controls-right{align-items:center;gap:var(--main-space-2);display:flex}._row-controls-center{align-items:center;display:flex}._row-ctrl-btn{background:var(--row-btn-bg);border-style:solid;border-width:1px;border-color:var(--row-border);border-radius:var(--main-radius);width:2.25rem;height:2.25rem;color:var(--row-text-muted);cursor:pointer;transition:color var(--main-transition), background var(--main-transition), box-shadow var(--main-transition);justify-content:center;align-items:center;display:flex;position:relative}._row-ctrl-btn svg{width:14px;height:14px}._row-ctrl-btn:hover{color:var(--row-text);background:var(--row-btn-hover)}._row-ctrl-btn._row-ctrl-active{color:var(--row-primary);background:rgba(var(--row-primary-rgb), .15);border-color:rgba(var(--row-primary-rgb), .3)}._row-volume{align-items:center;gap:var(--main-space-2);display:flex}._row-volume-icon{color:var(--row-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;display:flex}._row-volume-icon svg{width:16px;height:16px}._row-volume-icon:hover{color:var(--row-text)}._row-volume-slider{-webkit-appearance:none;appearance:none;background:var(--row-slider-track);border-radius:var(--main-radius-full);outline:none;width:100px;height:4px}._row-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--row-primary);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px rgba(var(--row-primary-rgb), .4);border-radius:50%}._row-volume-slider::-moz-range-thumb{background:var(--row-primary);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px rgba(var(--row-primary-rgb), .4);border:none;border-radius:50%}._row-intensity{align-items:center;gap:var(--main-space-2);display:flex}._row-intensity-label{color:var(--row-text-muted);font-size:var(--main-text-xs);white-space:nowrap}._row-intensity-value{color:var(--row-text-muted);font-size:var(--main-text-xs);min-width:3.5rem}._row-intensity-slider{-webkit-appearance:none;appearance:none;background:var(--row-slider-track);border-radius:var(--main-radius-full);outline:none;width:80px;height:4px}._row-intensity-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--row-primary);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px rgba(var(--row-primary-rgb), .4);border-radius:50%}._row-intensity-slider::-moz-range-thumb{background:var(--row-primary);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px rgba(var(--row-primary-rgb), .4);border:none;border-radius:50%}._row-timer-badge{background:var(--row-primary);color:#fff;border-radius:var(--main-radius-full);font-size:.625rem;font-weight:var(--main-font-semibold);padding:1px 4px;line-height:1.2;position:absolute;top:-4px;right:-4px}._row-timer-dropdown{bottom:3.5rem;right:var(--main-space-6);background:var(--row-control-bg);-webkit-backdrop-filter:blur(12px);border-style:solid;border-width:1px;border-color:var(--row-border);border-radius:var(--main-radius);padding:var(--main-space-2);z-index:101;flex-direction:column;gap:2px;display:flex;position:fixed}._row-timer-option{border-radius:var(--main-radius-sm);color:var(--row-text-muted);font-size:var(--main-text-sm);cursor:pointer;text-align:left;white-space:nowrap;transition:background var(--main-transition), color var(--main-transition);background:0 0;border:none;padding:.5rem 1rem}._row-timer-option:hover{background:var(--row-btn-hover);color:var(--row-text)}._row-timer-cancel{color:#ef4444;border-top-style:solid;border-top-width:1px;border-top-color:var(--row-border);margin-top:2px;padding-top:.5rem}@media (max-width:768px){._row-controls{padding:var(--main-space-2) var(--main-space-4)}._row-volume-slider{width:70px}._row-intensity-slider{width:60px}._row-intensity-label{display:none}._row-timer-dropdown{right:var(--main-space-4)}}@media (max-width:480px){._row-volume-slider,._row-intensity-slider{width:50px}._row-intensity-value{display:none}}