:root{--ha-bg: #F8F7FF;--ha-card: #FFFFFF;--ha-border: #EDE9FE;--ha-text: #1E1B4B;--ha-muted: #6B7280;--ha-soft: #F3F4F6;--ha-soft-purple: #EDE9FE}[data-theme=light]{--ha-bg: #F8F7FF;--ha-card: #FFFFFF;--ha-border: #EDE9FE;--ha-text: #1E1B4B;--ha-muted: #6B7280;--ha-soft: #F3F4F6;--ha-soft-purple: #EDE9FE}[data-theme=dark]{--ha-bg: #0D0C1A;--ha-card: #1A1829;--ha-border: #2E2B47;--ha-text: #EAE7FF;--ha-muted: #9CA3AF;--ha-soft: #1E1C2E;--ha-soft-purple: #2D2B45}[data-theme=dark] input:not([type=range]):not([type=checkbox]):not([type=radio]),[data-theme=dark] textarea,[data-theme=dark] select{background:var(--ha-card);color:var(--ha-text);border-color:var(--ha-border)}@font-face{font-family:Ploni;src:url(/PloniBold.otf) format("opentype");font-weight:700 900;font-style:normal;font-display:swap}@font-face{font-family:Ploni;src:url(/PloniMedium.otf) format("opentype");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:Mazzard;src:url(/MazzardH-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mazzard;src:url(/MazzardH-Bold.ttf) format("truetype");font-weight:700 900;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:Mazzard,sans-serif}body{font-family:Mazzard,sans-serif;background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(124,58,237,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(109,40,217,.14) 0%,transparent 60%),linear-gradient(160deg,#1e1b4b,#2d1b69 40%,#4c1d95,#6d28d9);min-height:100vh}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}body:before{width:480px;height:480px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%)}body:after{width:360px;height:360px;bottom:-80px;right:-80px;background:radial-gradient(circle,rgba(167,139,250,.12) 0%,transparent 70%)}#root{width:100%;min-height:100vh;position:relative;z-index:1}@media (max-width: 430px){body{background:var(--ha-bg)}body:before,body:after{display:none}}.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{display:none}input::placeholder{color:#ffffff80}input:focus{outline:none}button:active{opacity:.82;transform:scale(.96);transition:transform .08s ease,opacity .08s ease}a:active{opacity:.82;transform:scale(.97);transition:transform .08s ease,opacity .08s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fadein{animation:fadeIn .25s cubic-bezier(.22,1,.36,1) forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:10px;background:linear-gradient(90deg,#ede9fe 25%,#ddd6fe,#ede9fe 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear}@keyframes splashLogo{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes splashText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes splashPulse{0%,to{box-shadow:0 8px 32px #6d28d940}50%{box-shadow:0 8px 48px #6d28d98c}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.95)}}@keyframes badgePop{0%{transform:scale(0);opacity:0}65%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}