body{margin:0;padding:0;background-color:#000;color:#fff;width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}._container_13dvg_1{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;width:100%;max-width:600px}._trackpad_13dvg_11{width:100%;aspect-ratio:1;max-width:500px;border-radius:40px;position:relative;cursor:crosshair;touch-action:none;border:0px solid rgba(255,255,255,.15);box-shadow:0 10px 40px #0000004d;transition:all .5s cubic-bezier(.4,0,.2,1)}._trackpad_13dvg_11._off_13dvg_24{filter:brightness(.2) grayscale(.5);border-color:#ffffff0d;cursor:pointer}._indicator_13dvg_30{position:absolute;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid rgba(0,0,0,.3);transform:translate(-50%,-50%);pointer-events:none;transition:all .1s ease-out,opacity .5s ease-in-out}._off_13dvg_24 ._indicator_13dvg_30{opacity:0}._brightnessValue_13dvg_46{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Inter,sans-serif;font-size:3rem;font-weight:200;color:#0000004d;pointer-events:none;text-shadow:0 0 20px rgba(255,255,255,.5);transition:opacity .5s ease-in-out}._off_13dvg_24 ._brightnessValue_13dvg_46{opacity:.1}._peerIndicator_13dvg_64{width:16px;height:16px;box-shadow:0 0 10px #0003;z-index:10}._barIndicator_13dvg_71{position:absolute;width:calc(100% - 40px);height:12px;border-radius:6px;background:#fff;border:2px solid rgba(0,0,0,.2);left:50%!important;transform:translate(-50%,-50%);pointer-events:none;transition:all .1s ease-out,opacity .5s ease-in-out;box-shadow:0 0 20px #ffffff4d}._off_13dvg_24 ._barIndicator_13dvg_71{opacity:0}._overlay_le2np_1{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._modal_le2np_15{background:#1a1a1a;padding:40px;border-radius:30px;width:100%;max-width:500px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}._modal_le2np_15 h2{margin-top:0;color:#fff;font-family:Inter,sans-serif}._modal_le2np_15 p{color:#ffffff80;font-size:.9rem;margin-bottom:30px}._inputGroup_le2np_37{margin-bottom:10px;display:flex;flex-direction:column;gap:8px}._inputGroup_le2np_37 label{color:#ffffffb3;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}._inputGroup_le2np_37 input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;color:#fff;font-family:inherit;font-size:1rem}._hint_le2np_61{font-size:.75rem;color:#ffffff4d;margin-bottom:20px}._error_le2np_67{color:#f87171;background:#f871711a;padding:12px;border-radius:12px;font-size:.85rem;margin-bottom:20px;border:1px solid rgba(248,113,113,.2)}._success_le2np_77{color:#4ade80;background:#4ade801a;padding:12px;border-radius:12px;font-size:.85rem;margin-bottom:20px;border:1px solid rgba(74,222,128,.2)}._buttonRow_le2np_87{display:flex;gap:15px;margin-top:10px}._primaryButton_le2np_93{flex:2;padding:14px;border-radius:12px;border:none;background:#fff;color:#000;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}._secondaryButton_le2np_106{flex:1;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;transition:all .2s;font-size:.9rem}._primaryButton_le2np_93:hover:not(:disabled){background:#f0f0f0;transform:translateY(-1px)}._secondaryButton_le2np_106:hover:not(:disabled){background:#ffffff1a}._primaryButton_le2np_93:disabled,._secondaryButton_le2np_106:disabled{opacity:.5;cursor:not-allowed}._sidebar_1gu42_1{width:250px;background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);height:100vh;display:flex;flex-direction:column;padding:24px;overflow-y:auto;position:absolute;left:0;top:0;z-index:20}._header_1gu42_17{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}._title_1gu42_24{color:#ffffffe6;font-family:Outfit,sans-serif;font-size:1.5rem;margin:0;font-weight:600;letter-spacing:-.02em}._selectAllBtn_1gu42_33{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:4px 8px;border-radius:6px;font-size:.7rem;cursor:pointer;transition:all .2s;text-transform:uppercase}._selectAllBtn_1gu42_33:hover{background:#ffffff1a;color:#fff}._actionRow_1gu42_50{display:flex;gap:8px;margin-bottom:24px}._actionBtn_1gu42_56{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:10px;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Outfit,sans-serif}._actionBtn_1gu42_56:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}._onBtn_1gu42_76:hover{border-color:#4ade8066;box-shadow:0 0 15px #4ade8026}._offBtn_1gu42_81:hover{border-color:#f8717166;box-shadow:0 0 15px #f8717126}._list_1gu42_86{display:flex;flex-direction:column;gap:8px}._lightItem_1gu42_92{background:transparent;border:1px solid transparent;color:#ffffff80;padding:12px 16px;border-radius:12px;text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:.9rem}._lightItem_1gu42_92:hover{background:#ffffff0d;color:#fffc}._active_1gu42_113{background:#ffffff14;border-color:#ffffff1a;color:#fff;box-shadow:0 4px 12px #0003}._statusIndicator_1gu42_120{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease}._on_1gu42_76 ._statusIndicator_1gu42_120{background:#4ade80;box-shadow:0 0 8px #4ade80aa}._lightName_1gu42_133{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-container{min-height:100vh;background:radial-gradient(circle at center,#1a1a1a,#000);display:flex;position:relative;overflow:hidden}.main-content{flex:1;margin-left:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:20px;position:relative}.top-bar{position:absolute;top:20px;right:20px;display:flex;gap:15px}.sign-out-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffff80;padding:8px 16px;border-radius:0;font-size:.8rem;cursor:pointer;transition:all .2s}.sign-out-btn:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.selected-light-name{font-family:Outfit,sans-serif;font-size:4rem;font-weight:700;margin:0 0 20px;text-align:center;transition:all .5s ease;letter-spacing:-.02em;text-transform:uppercase}.control-panel{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:15px;z-index:10;background:#fff0;padding:0;width:100%;max-width:500px;box-sizing:border-box}.control-btn{width:100%;padding:16px;border-radius:20px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff9;font-family:Inter,sans-serif;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;box-sizing:border-box}.control-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;color:#fff}.control-btn.active{background:#ffffff26;border-color:#ffffff80;color:#fff;box-shadow:0 0 20px #ffffff1a}.control-btn:disabled{opacity:.3;cursor:not-allowed}.power-btn.on{border-color:#4ade8055;color:#4ade80;background:#4ade801a}.power-btn.on:hover:not(:disabled){border-color:#4ade80aa;background:#4ade8026}.power-btn:not(.on){border-color:#f8717155;color:#f87171;background:#f871710d}.power-btn:not(.on):hover:not(:disabled){border-color:#f87171aa;background:#f871711a}.btn-icon{font-size:1.2rem}.faves-container{grid-column:span 1;position:relative;display:flex}.faves-dropdown{position:absolute;bottom:calc(100% + 15px);left:0;right:0;background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:0px solid rgba(255,255,255,.1);border-radius:16px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:unset;z-index:100;box-shadow:0 10px 40px #00000080;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.fave-item{background:transparent;border:none;padding:8px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.fave-item:hover{background:#ffffff14}.fave-item.active{background:#ffffff26}.fave-color-dot{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fave-item{background:transparent;border:none;color:#fff9;padding:10px 15px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s;text-align:left}.fave-item:hover{background:#ffffff14;color:#fff}.fave-item.active{background:#ffffff26;color:#fff;font-weight:500}.fave-color-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.experiment-intent{max-width:600px;text-align:center;font-size:.75rem;color:#ffffff4d;margin-top:40px;line-height:1.5;font-weight:300;font-family:Inter,sans-serif}