:root{--sfe-bg:#0a0e1a;--sfe-text:#e2e8f0;--sfe-text-muted:#94a3b8;--sfe-border:#94a3b81f;--sfe-primary:#93c5fd;--sfe-primary-rgb:147, 197, 253;--sfe-control-bg:#0a0e1ad9;--sfe-btn-bg:#94a3b81a;--sfe-btn-hover:#94a3b833;--sfe-slider-track:#94a3b833}._sfe-container{width:100%;min-height:100vh;background:var(--sfe-bg);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:100dvh;position:relative;overflow:hidden}._sfe-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}._sfe-container[data-scene=night] ._sfe-bg{filter:none;background:radial-gradient(circle at 15% 20%,#ffffff14 0%,#0000 2%),radial-gradient(circle at 82% 15%,#c8dcff0f 0%,#0000 1.5%),radial-gradient(circle at 45% 8%,#ffffff0d 0%,#0000 1%),radial-gradient(circle at 68% 25%,#b4c8ff0a 0%,#0000 1.5%),radial-gradient(circle at 30% 35%,#ffffff08 0%,#0000 1%),radial-gradient(circle at 90% 40%,#c8d2ff0d 0%,#0000 1%),radial-gradient(circle at 55% 18%,#ffffff0a 0%,#0000 .8%),radial-gradient(circle at 80% 15%,#c8dcff26 0%,#0000 15%),radial-gradient(circle at 80% 15%,#b4c8f014 0%,#0000 25%),linear-gradient(#060a18 0%,#0a1028 30%,#0e1535 60%,#101a3a 100%)}._sfe-container[data-scene=aurora] ._sfe-bg{filter:none;background:radial-gradient(80% 20% at 30% 25%,#50dc8c1f 0%,#0000 100%),radial-gradient(60% 15% at 55% 20%,#64c8ff1a 0%,#0000 100%),radial-gradient(70% 18% at 70% 30%,#8c64ff14 0%,#0000 100%),radial-gradient(50% 12% at 40% 35%,#50ffb40f 0%,#0000 100%),radial-gradient(circle at 20% 15%,#ffffff0f 0%,#0000 1.5%),radial-gradient(circle at 75% 10%,#ffffff0d 0%,#0000 1%),radial-gradient(circle at 50% 5%,#ffffff0a 0%,#0000 1%),linear-gradient(#040812 0%,#081020 35%,#0a1428 65%,#0c1830 100%)}._sfe-container[data-scene=forest] ._sfe-bg{filter:none;background:conic-gradient(from 180deg at 50% 60%,#0000 150deg,#08140fe6 170deg 190deg,#0000 210deg),conic-gradient(from 180deg at 25% 55%,#0000 155deg,#0a1912d9 172deg 188deg,#0000 205deg),conic-gradient(from 180deg at 75% 58%,#0000 155deg,#06120ccc 173deg 187deg,#0000 205deg),conic-gradient(from 180deg at 10% 62%,#0000 158deg,#0c1c14b3 175deg 185deg,#0000 202deg),conic-gradient(from 180deg at 90% 60%,#0000 158deg,#0a1610bf 174deg 186deg,#0000 202deg),linear-gradient(#0000 75%,#b4c8dc14 85%,#c8d7e61f 100%),linear-gradient(#060a14 0%,#0a1220 30%,#0e1828 60%,#101c30 100%)}._sfe-container[data-scene=village] ._sfe-bg{filter:none;background:radial-gradient(circle at 25% 72%,#ffc8501f 0%,#0000 5%),radial-gradient(circle at 27% 70%,#ffb43c14 0%,#0000 3%),radial-gradient(circle at 60% 68%,#ffdc781a 0%,#0000 4%),radial-gradient(circle at 62% 66%,#ffc8500f 0%,#0000 2.5%),radial-gradient(circle at 80% 74%,#ffbe6414 0%,#0000 3.5%),radial-gradient(8% 15% at 28% 58%,#b4b4c80a 0%,#0000 100%),radial-gradient(circle at 45% 75%,#ffc8641a 0%,#0000 8%),linear-gradient(#0000 70%,#b4c8dc0f 80%,#c8d7e61a 100%),linear-gradient(#060a16 0%,#0a1222 35%,#0e1830 65%,#101c34 100%)}._sfe-canvas{z-index:2;touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}._sfe-ground{z-index:3;pointer-events:none;width:100%;height:120px;display:block;position:absolute;bottom:0;left:0}._sfe-vignette{z-index:5;pointer-events:none;background:radial-gradient(#0000 40%,#00000073 100%);position:absolute;top:0;bottom:0;left:0;right:0}._sfe-scenes{top:var(--main-space-4);top:calc(var(--main-space-4) + env(safe-area-inset-top));justify-content:center;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;max-width:calc(100vw - var(--main-space-4));background:#00000080;flex-wrap:wrap;transition:opacity .4s;display:flex;position:absolute;left:50%;translate:-50%}._sfe-container:hover ._sfe-scenes,._sfe-scenes:hover,._sfe-scenes._sfe-scenes-visible{opacity:1}._sfe-scene-btn{border-radius:var(--main-radius-full);color:var(--sfe-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;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:.375rem .875rem}._sfe-scene-btn:hover{color:var(--sfe-text)}._sfe-scene-btn._sfe-scene-active{background:rgba(var(--sfe-primary-rgb), .2);color:var(--sfe-primary)}._sfe-scene-upload,._sfe-scene-remove{padding:.375rem .5rem}._sfe-scene-upload svg,._sfe-scene-remove svg{width:14px;height:14px}._sfe-scene-remove svg{width:12px;height:12px}._sfe-scene-divider{background:#94a3b833;align-self:center;width:1px;height:1rem}._sfe-container[data-scene=custom] ._sfe-bg{filter:blur(2px)brightness(.35)}@media (max-width:768px){._sfe-scenes{gap:var(--main-space-1);padding:var(--main-space-1);opacity:1}._sfe-scene-btn{min-height:32px;padding:.4375rem .75rem;font-size:.75rem}._sfe-scene-upload,._sfe-scene-remove{min-width:32px;padding:.4375rem .5rem}}@media (max-width:480px){._sfe-scenes{top:calc(var(--main-space-2) + env(safe-area-inset-top));max-width:calc(100vw - var(--main-space-2))}._sfe-scene-btn{padding:.375rem .625rem;font-size:.6875rem}}._sfe-controls{justify-content:space-between;align-items:center;gap:var(--main-space-2);padding:var(--main-space-3) var(--main-space-6);padding-bottom:calc(var(--main-space-3) + env(safe-area-inset-bottom));padding-left:calc(var(--main-space-6) + env(safe-area-inset-left));padding-right:calc(var(--main-space-6) + env(safe-area-inset-right));background:var(--sfe-control-bg);-webkit-backdrop-filter:blur(12px);border-top-style:solid;border-top-width:1px;border-top-color:var(--sfe-border);z-index:100;transition:opacity .4s,translate .4s;display:flex;position:fixed;bottom:0;left:0;right:0}._sfe-controls._sfe-controls-hidden{opacity:0;pointer-events:none;translate:0 100%}._sfe-controls-left,._sfe-controls-right{align-items:center;gap:var(--main-space-2);display:flex}._sfe-controls-center{align-items:center;gap:var(--main-space-4);display:flex}._sfe-controls-divider{background:var(--sfe-border);width:1px;height:1.25rem}._sfe-ctrl-btn{background:var(--sfe-btn-bg);border-style:solid;border-width:1px;border-color:var(--sfe-border);border-radius:var(--main-radius);width:2.25rem;height:2.25rem;color:var(--sfe-text-muted);cursor:pointer;transition:color var(--main-transition), background var(--main-transition), box-shadow var(--main-transition);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}._sfe-ctrl-btn svg{width:14px;height:14px}._sfe-ctrl-btn:hover{color:var(--sfe-text);background:var(--sfe-btn-hover)}._sfe-ctrl-btn._sfe-ctrl-active{color:var(--sfe-primary);background:rgba(var(--sfe-primary-rgb), .15);border-color:rgba(var(--sfe-primary-rgb), .3)}._sfe-slider-group{align-items:center;gap:var(--main-space-2);display:flex}._sfe-slider-icon{color:var(--sfe-text-muted);align-items:center;display:flex}._sfe-slider-icon svg{width:14px;height:14px}._sfe-slider-value{color:var(--sfe-text-muted);font-size:var(--main-text-xs);white-space:nowrap;min-width:3rem}._sfe-slider{-webkit-appearance:none;appearance:none;touch-action:pan-x;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;outline:none;width:80px;height:20px}._sfe-slider::-webkit-slider-runnable-track{background:var(--sfe-slider-track);border-radius:var(--main-radius-full);height:4px}._sfe-slider::-moz-range-track{background:var(--sfe-slider-track);border-radius:var(--main-radius-full);height:4px}._sfe-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--sfe-primary);cursor:pointer;width:16px;height:16px;box-shadow:0 0 6px rgba(var(--sfe-primary-rgb), .4);border-radius:50%;margin-top:-6px}._sfe-slider::-moz-range-thumb{background:var(--sfe-primary);cursor:pointer;width:16px;height:16px;box-shadow:0 0 6px rgba(var(--sfe-primary-rgb), .4);border:none;border-radius:50%}._sfe-timer-badge{background:var(--sfe-primary);color:#0a0e1a;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}._sfe-timer-dropdown{bottom:calc(3.5rem + env(safe-area-inset-bottom));right:var(--main-space-6);background:var(--sfe-control-bg);-webkit-backdrop-filter:blur(12px);border-style:solid;border-width:1px;border-color:var(--sfe-border);border-radius:var(--main-radius);padding:var(--main-space-2);z-index:101;flex-direction:column;gap:2px;display:flex;position:fixed}._sfe-timer-option{border-radius:var(--main-radius-sm);min-height:36px;color:var(--sfe-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);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:.5rem 1rem}._sfe-timer-option:hover{background:var(--sfe-btn-hover);color:var(--sfe-text)}._sfe-timer-cancel{color:#ef4444;border-top-style:solid;border-top-width:1px;border-top-color:var(--sfe-border);margin-top:2px;padding-top:.5rem}@media (max-width:768px){._sfe-controls{padding:var(--main-space-2) var(--main-space-4);padding-bottom:calc(var(--main-space-2) + env(safe-area-inset-bottom));padding-left:calc(var(--main-space-4) + env(safe-area-inset-left));padding-right:calc(var(--main-space-4) + env(safe-area-inset-right));gap:var(--main-space-1)}._sfe-controls-center{gap:var(--main-space-2);flex:1;justify-content:center;min-width:0}._sfe-controls-left,._sfe-controls-right{gap:var(--main-space-1)}._sfe-ctrl-btn{width:2.5rem;height:2.5rem}._sfe-slider{width:70px}._sfe-slider-value{display:none}._sfe-timer-dropdown{right:var(--main-space-4)}._sfe-timer-option{min-height:40px;padding:.625rem 1rem}}@media (max-width:480px){._sfe-controls{padding:var(--main-space-2);padding-bottom:calc(var(--main-space-2) + env(safe-area-inset-bottom))}._sfe-controls-divider{display:none}._sfe-slider{width:56px}._sfe-slider-icon{display:none}}