@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-happy: #4ade80;--color-sad: #60a5fa;--color-alert: #f87171;--color-sleeping: #a78bfa;--color-love: #fb923c;--color-idle: #94a3b8;--color-offline: #475569;--box-samuel: #22c55e;--box-parents: #3b82f6;--box-val: #a855f7;--box-mamie: #fb923c;--box-chiara: #ec4899;--box-jerome: #ef4444;--box-ennino: #38bdf8;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-elevated: #334155;--bg-hover: #475569;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(148, 163, 184, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-accent: #38bdf8;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(74, 222, 128, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 100;--z-modal: 200;--z-toast: 300}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary)}a{color:var(--text-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-happy)}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-accent{color:var(--text-accent)}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--space-lg);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn:hover{background:var(--bg-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--color-happy),#22c55e);border:none;color:#0f172a}.btn-primary:hover{background:linear-gradient(135deg,#22c55e,var(--color-happy));box-shadow:var(--shadow-glow)}.btn-danger{background:linear-gradient(135deg,var(--color-alert),#dc2626);border:none}.btn-danger:hover{box-shadow:0 0 20px #f871714d}.input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:.875rem;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px #38bdf833}.input::placeholder{color:var(--text-muted)}.grid{display:grid;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}h1{font-size:1.75rem}h2{font-size:1.5rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-happy)}50%{box-shadow:0 0 20px var(--color-happy),0 0 30px var(--color-happy)}}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-blink{animation:blink 4s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.bg-happy{background:var(--color-happy)}.bg-sad{background:var(--color-sad)}.bg-alert{background:var(--color-alert)}.bg-sleeping{background:var(--color-sleeping)}.bg-offline{background:var(--color-offline)}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-nav{position:sticky;top:0;z-index:var(--z-dropdown);display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.nav-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-family);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-muted)}.nav-btn.active{background:var(--color-happy);color:var(--bg-primary);border-color:var(--color-happy)}.main-content{flex:1}@media(max-width:480px){.main-nav{padding:var(--space-sm);justify-content:center}.nav-btn{padding:var(--space-sm) var(--space-md);font-size:.85rem}}.box-face{--box-color: #fb923c;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:120px;height:120px;background:linear-gradient(145deg,var(--bg-card),var(--bg-elevated));border-radius:50%;border:3px solid var(--box-color);transition:border-color var(--transition-smooth)}.box-face--small{width:80px;height:80px;gap:8px}.box-face--medium{width:120px;height:120px;gap:12px}.box-face--large{width:160px;height:160px;gap:16px}.box-face__eyes{display:flex;gap:20px}.box-face--small .box-face__eyes{gap:12px}.box-face--large .box-face__eyes{gap:28px}.box-face__eye{position:relative;width:24px;height:24px;background:var(--text-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.box-face--small .box-face__eye{width:16px;height:16px}.box-face--large .box-face__eye{width:32px;height:32px}.box-face__eye-pupil{width:10px;height:10px;background:var(--bg-primary);border-radius:50%}.box-face--small .box-face__eye-pupil{width:6px;height:6px}.box-face--large .box-face__eye-pupil{width:14px;height:14px}.box-face__eye-pupil--small{width:6px!important;height:6px!important}.box-face__eye--happy{background:transparent;border-bottom:4px solid var(--text-primary);border-radius:0 0 50% 50%;height:12px}.box-face__eye-arc{display:none}.box-face__eye--sad{background:var(--text-primary)}.box-face__eye-tear{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:6px;height:10px;background:var(--color-sad);border-radius:50%/30% 30% 70% 70%;animation:tear-drop 2s ease-in-out infinite}@keyframes tear-drop{0%,to{opacity:0;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(5px)}}.box-face__eye--closed{background:transparent}.box-face__eye-line{width:100%;height:3px;background:var(--text-primary);border-radius:2px}.box-face__eye--wide{width:28px;height:28px}.box-face--small .box-face__eye--wide{width:20px;height:20px}.box-face__mouth{width:30px;height:15px}.box-face--small .box-face__mouth{width:20px;height:10px}.box-face--large .box-face__mouth{width:40px;height:20px}.box-face__mouth--smile{border-bottom:4px solid var(--text-primary);border-radius:0 0 50% 50%;background:transparent}.box-face__mouth--frown{border-top:4px solid var(--text-primary);border-radius:50% 50% 0 0;background:transparent;margin-top:8px}.box-face__mouth--open{background:var(--text-primary);border-radius:50%;width:20px;height:20px}.box-face--small .box-face__mouth--open{width:14px;height:14px}.box-face__mouth--neutral{height:4px;background:var(--text-primary);border-radius:2px}.box-face__sleep{position:absolute;top:-10px;right:-10px;display:flex;flex-direction:column;align-items:flex-end}.box-face__sleep-z{font-family:var(--font-family);font-weight:700;font-size:16px;color:var(--color-sleeping);text-shadow:0 0 10px var(--color-sleeping)}.box-face__sleep-z:nth-child(1){font-size:12px}.box-face__sleep-z:nth-child(2){font-size:16px}.box-face__sleep-z:nth-child(3){font-size:20px}.box-card{--box-accent: #fb923c;position:relative;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);padding-top:calc(var(--space-lg) + 4px);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);cursor:pointer;overflow:hidden;transition:border-color var(--transition-smooth)}.box-card:hover{border-color:var(--box-accent)}.box-card--compact{padding:var(--space-md);gap:var(--space-sm)}.box-card__accent{position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.box-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.box-card__name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box-card--compact .box-card__name{font-size:1rem}.box-card__status{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-elevated);border-radius:var(--radius-full);font-size:.75rem}.box-card__status--online .box-card__status-dot{animation:pulse 2s infinite}.box-card__status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.box-card__status-text{color:var(--text-secondary)}.box-card__face{display:flex;justify-content:center;padding:var(--space-md) 0}.box-card__sensors{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.box-card__sensor{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:.75rem}.box-card__sensor-icon{font-size:.875rem}.box-card__sensor-value{color:var(--text-primary);font-weight:500}.box-card__action{width:100%;padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--box-accent),color-mix(in srgb,var(--box-accent) 80%,white));border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-family:var(--font-family);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.box-card__action:hover{box-shadow:0 4px 15px color-mix(in srgb,var(--box-accent) 50%,transparent)}.status-happy{color:var(--color-happy)}.status-sad{color:var(--color-sad)}.status-sleeping{color:var(--color-sleeping)}.status-alert{color:var(--color-alert)}.status-idle{color:var(--color-idle)}.status-offline{color:var(--color-offline)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:none;border-radius:var(--radius-full);font-family:inherit;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.ui-button:active:not(:disabled){transform:scale(.96)}.ui-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button--sm{padding:var(--space-xs) var(--space-md);font-size:.75rem}.ui-button--md{padding:var(--space-sm) var(--space-lg);font-size:.875rem}.ui-button--lg{padding:var(--space-md) var(--space-xl);font-size:1rem}.ui-button--primary{background:var(--color-primary);color:#fff}.ui-button--primary:hover:not(:disabled){background:var(--color-primary-hover, #5b9fff);box-shadow:0 4px 12px #3b82f666}.ui-button--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--glass-border)}.ui-button--secondary:hover:not(:disabled){background:var(--bg-secondary)}.ui-button--danger{background:var(--color-alert);color:#fff}.ui-button--danger:hover:not(:disabled){background:#ef5555;box-shadow:0 4px 12px #f8717166}.ui-button--ghost{background:transparent;color:var(--text-secondary)}.ui-button--ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.ui-button--full-width{width:100%}.ui-button--loading{position:relative}.ui-button__spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.ui-button__icon{display:flex;align-items:center;font-size:1.1em}.dashboard{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 20%,rgba(74,222,128,.05) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(251,146,60,.05) 0%,transparent 40%),var(--bg-primary)}.dashboard__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:10}.dashboard__title-group{display:flex;flex-direction:column;gap:4px}.dashboard__title{font-size:1.75rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--text-primary),var(--color-love));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard__subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.dashboard__status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-full)}.dashboard__status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.dashboard__status-text{font-size:.875rem;color:var(--text-secondary)}.dashboard__main{flex:1;padding:var(--space-xl);max-width:1400px;margin:0 auto;width:100%}.dashboard__cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.dashboard__cta-title{margin:0;font-size:1.1rem}.dashboard__cta-subtitle{margin:6px 0 0;color:var(--text-secondary);font-size:.9rem}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.dashboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:var(--text-secondary)}.dashboard__empty p{margin:var(--space-sm) 0}.dashboard--loading{justify-content:center;align-items:center}.dashboard__loader{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);font-size:3rem}.dashboard__loader p{font-size:1rem;color:var(--text-secondary)}.dashboard--error{justify-content:center;align-items:center}.dashboard__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;max-width:400px}.dashboard__error-icon{font-size:4rem}.dashboard__error h2{margin:0;color:var(--text-primary)}.dashboard__error p{color:var(--text-secondary);margin:0}.dashboard__toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);padding:var(--space-md) var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);cursor:pointer;z-index:var(--z-toast);font-weight:500}.dashboard__toast--love{border-color:var(--color-love);box-shadow:0 0 30px #fb923c4d}.dashboard__toast--info{border-color:var(--text-accent)}.dashboard__toast--error{border-color:var(--color-alert)}@media(max-width:768px){.dashboard__header{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.dashboard__title{font-size:1.5rem}.dashboard__main{padding:var(--space-md)}.dashboard__cta{flex-direction:column;align-items:flex-start}.dashboard__grid{grid-template-columns:1fr}}.family-page{max-width:900px;margin:0 auto;padding:1rem}.family-page h1{text-align:center;margin-bottom:2rem;font-size:1.8rem;color:var(--text-primary)}.family-page h2{margin-bottom:1rem;font-size:1.3rem;color:var(--text-primary);border-bottom:1px solid var(--glass-border);padding-bottom:.5rem}.family-page section{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-md);color:var(--text-primary)}.mood-card{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--glass-border);margin-bottom:1rem}.mood-card.mood-radiant{background:linear-gradient(135deg,#facc1526,#fde0470d);border-color:#facc154d}.mood-card.mood-happy{background:linear-gradient(135deg,#4ade8026,#22c55e0d);border-color:#4ade804d}.mood-card.mood-neutral{background:linear-gradient(135deg,#94a3b826,#64748b0d);border-color:#94a3b84d}.mood-card.mood-needs_attention{background:linear-gradient(135deg,#fb923c26,#f973160d);border-color:#fb923c4d}.mood-card.mood-sad{background:linear-gradient(135deg,#60a5fa26,#3b82f60d);border-color:#60a5fa4d}.mood-emoji{font-size:4rem;line-height:1}.mood-info{flex:1}.mood-message{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.mood-happiness{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--text-secondary)}.happiness-bar{flex:1;height:8px;background:var(--bg-primary);border-radius:var(--radius-full);overflow:hidden}.happiness-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);border-radius:6px;transition:width .5s ease}.mood-boxes{display:flex;gap:.5rem;flex-wrap:wrap}.mood-box-indicator{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .2s}.mood-box-indicator:hover{transform:scale(1.1)}.needs-love{background:#ffffffb3;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-top:1rem}.needs-love ul{margin:.5rem 0 0 1rem;padding:0}.needs-love li{margin:.25rem 0}.family-moment-btn{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.family-moment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ec489966}.family-moment-btn:disabled{opacity:.6;cursor:not-allowed}.family-streak{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#ea580c33,#f973161a);border:1px solid rgba(234,88,12,.3);border-radius:var(--radius-md);margin-bottom:1rem}.streak-fire{font-size:2rem;animation:fire-pulse 1s infinite}@keyframes fire-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.streak-count{font-size:2.5rem;font-weight:700;color:#ea580c}.streak-label{font-size:1.1rem;color:var(--text-secondary)}.streaks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-bottom:1rem}.streak-card{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1rem;text-align:center;position:relative;transition:transform .2s,box-shadow .2s;color:var(--text-primary)}.streak-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--text-muted)}.streak-card.champion{background:linear-gradient(135deg,#facc151a,#eab3080d);border-color:#facc1566}.crown{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:1.5rem}.streak-name{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem}.streak-current .number{font-size:2rem;font-weight:700;color:var(--text-accent)}.streak-current .label{display:block;font-size:.75rem;color:var(--text-secondary)}.streak-record{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.total-days{text-align:center;color:var(--text-secondary);font-size:.95rem}.birthdays-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.birthday-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-elevated);border-radius:var(--radius-sm);border-left:4px solid var(--glass-border);transition:transform .2s;color:var(--text-primary)}.birthday-card:hover{transform:translate(4px)}.birthday-card.soon{background:linear-gradient(90deg,rgba(234,179,8,.1),transparent)}.birthday-icon{font-size:2rem}.birthday-info{flex:1}.birthday-name{font-weight:600;color:var(--text-primary)}.birthday-label{font-size:.85rem;color:var(--text-secondary)}.birthday-date{font-size:.8rem;color:var(--text-muted)}.birthday-countdown{font-weight:600;color:var(--text-accent);font-size:.9rem}.no-birthdays{text-align:center;color:var(--text-muted);padding:2rem}.add-birthday-btn{display:block;width:100%;padding:.75rem;background:var(--bg-elevated);border:2px dashed var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s}.add-birthday-btn:hover{background:var(--bg-card);border-color:var(--text-muted);color:var(--text-primary)}.add-birthday-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem;background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.add-birthday-form select,.add-birthday-form input{padding:.75rem;border:1px solid var(--glass-border);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-sm);font-size:.95rem}.add-birthday-form select:focus,.add-birthday-form input:focus{outline:none;border-color:var(--text-accent);box-shadow:0 0 0 3px #38bdf81a}.date-inputs{display:flex;align-items:center;gap:.5rem}.date-inputs input{width:80px;text-align:center}.date-inputs span{color:var(--text-muted);font-size:1.2rem}.add-birthday-form button[type=submit]{padding:.75rem;background:#8b5cf6;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.add-birthday-form button[type=submit]:hover:not(:disabled){background:#7c3aed}.add-birthday-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.info-section{background:var(--bg-card);padding:1rem;border-radius:var(--radius-md);margin-top:2rem;border:1px solid var(--glass-border)}.info-section h3{color:var(--text-secondary);font-size:1rem;margin-bottom:.75rem}.info-section ul{list-style:none;padding:0;margin:0}.info-section li{padding:.5rem 0;color:var(--text-secondary);font-size:.9rem;border-bottom:1px solid var(--glass-border)}.info-section li:last-child{border-bottom:none}.loading{text-align:center;padding:2rem;color:var(--text-muted)}@media(max-width:640px){.mood-card{flex-direction:column;text-align:center}.mood-emoji{font-size:3rem}.streaks-grid{grid-template-columns:repeat(2,1fr)}.birthday-card{flex-wrap:wrap}.birthday-countdown{width:100%;text-align:right}}.interaction-stats{background:var(--glass-bg, rgba(255, 255, 255, .08));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.interaction-stats--loading,.interaction-stats--empty{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--text-secondary, #888)}.interaction-stats__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.interaction-stats__header h3{font-size:1.125rem;font-weight:600;margin:0}.interaction-stats__period{font-size:.75rem;color:var(--text-secondary, #888);background:#ffffff1a;padding:.25rem .75rem;border-radius:1rem}.interaction-stats__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:#ffffff0d;border-radius:.75rem;padding:1rem;text-align:center;border:1px solid rgba(255,255,255,.05)}.stat-card__icon{font-size:1.5rem;display:block;margin-bottom:.5rem}.stat-card__value{display:block;font-size:1.75rem;font-weight:700;color:var(--stat-color);line-height:1}.stat-card__label{font-size:.625rem;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.05em}.interaction-stats__details{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.daily-chart{background:#ffffff08;border-radius:.75rem;padding:1rem}.daily-chart h4{font-size:.75rem;color:var(--text-secondary, #888);margin:0 0 .75rem;text-transform:uppercase}.daily-chart__bars{display:flex;align-items:flex-end;gap:4px;height:80px}.daily-chart__bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.daily-chart__bar{width:100%;background:linear-gradient(to top,#a855f7,#ec4899);border-radius:2px 2px 0 0;min-height:2px}.daily-chart__label{font-size:.625rem;color:var(--text-secondary, #666);margin-top:4px}.best-duo{background:linear-gradient(135deg,#ec489933,#a855f733);border-radius:.75rem;padding:1rem;display:flex;align-items:center;gap:.75rem}.best-duo__icon{font-size:2rem}.best-duo__content{display:flex;flex-direction:column}.best-duo__label{font-size:.625rem;color:var(--text-secondary, #888);text-transform:uppercase}.best-duo__members{font-weight:600;text-transform:capitalize}.best-duo__count{font-size:.75rem;color:var(--text-secondary, #888)}.interaction-stats-mini{display:flex;gap:1rem}.interaction-stats-mini__item{display:flex;align-items:center;gap:.25rem;font-size:.875rem}@media(max-width:768px){.interaction-stats__cards{grid-template-columns:repeat(2,1fr)}.interaction-stats__details{grid-template-columns:1fr}}.badge-panel{background:var(--glass-bg, rgba(255, 255, 255, .08));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.badge-panel--loading{display:flex;align-items:center;justify-content:center;min-height:150px;font-size:2rem}.badge-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.badge-panel__header h3{font-size:1rem;font-weight:600;margin:0}.badge-panel__streak{background:linear-gradient(135deg,#f59e0b,#ef4444);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600}.badge-panel__section{margin-bottom:1rem}.badge-panel__section h4{font-size:.75rem;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.badge-panel__grid{display:flex;flex-wrap:wrap;gap:.5rem}.badge-panel__grid--locked{opacity:.5}.badge-panel__more{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a;font-size:.75rem;color:var(--text-secondary, #888)}.badge-panel__stats{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);margin-top:1rem}.badge-panel__stat{text-align:center}.badge-panel__stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary, #fff)}.badge-panel__stat-label{font-size:.625rem;color:var(--text-secondary, #888);text-transform:uppercase}.badge{position:relative;width:44px;height:44px;border-radius:50%;background:var(--rarity-color);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0003;transition:transform .2s}.badge--legendary{background:linear-gradient(135deg,#f59e0b,#fcd34d);box-shadow:0 0 15px #f59e0b80}.badge--epic{background:linear-gradient(135deg,#a855f7,#c084fc)}.badge--rare{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.badge--locked{background:#ffffff1a;opacity:.4}.badge__emoji{font-size:1.25rem}.badge__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;padding:.75rem;border-radius:.5rem;min-width:150px;text-align:center;z-index:100;margin-bottom:.5rem;box-shadow:0 4px 12px #0000004d}.badge__tooltip strong{display:block;margin-bottom:.25rem}.badge__tooltip p{font-size:.75rem;color:#aaa;margin:0}.badge__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6}.badge__date{display:block;margin-top:.5rem;font-size:.625rem;color:#666}.badge-celebration{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:1000}.badge-celebration__content{text-align:center;padding:2rem}.badge-celebration__confetti{font-size:3rem;margin-bottom:1rem}.badge-celebration__emoji{font-size:4rem;display:block;margin-bottom:1rem}.badge-celebration__content h2{color:#f59e0b;margin-bottom:.5rem}.badge-celebration__content h3{font-size:1.5rem;margin-bottom:.5rem}.badge-celebration__content p{color:#888;margin-bottom:1.5rem}.badge-celebration__btn{padding:.75rem 2rem;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:2rem;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s}.badge-celebration__btn:hover{transform:scale(1.05)}.badge-mini{display:flex;gap:.25rem}.badge-mini__item{font-size:1rem}.badge-mini__more{font-size:.75rem;color:var(--text-secondary, #888)}.sensor-chart{background:var(--glass-bg, rgba(255, 255, 255, .1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1rem;border:1px solid rgba(255,255,255,.1)}.sensor-chart__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sensor-chart__title{display:flex;align-items:center;gap:.5rem}.sensor-chart__title h3{font-size:.875rem;font-weight:600;margin:0;color:var(--text-primary, #fff)}.sensor-chart__icon{font-size:1.2rem}.sensor-chart__periods{display:flex;gap:.25rem}.sensor-chart__period{padding:.25rem .5rem;font-size:.75rem;border:none;background:transparent;color:var(--text-secondary, #aaa);cursor:pointer;border-radius:.25rem;transition:all .2s}.sensor-chart__period:hover{background:#ffffff1a}.sensor-chart__period.active{background:var(--chart-color);color:#fff}.sensor-chart__content{min-height:100px}.sensor-chart__svg{width:100%;height:auto}.sensor-chart__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1)}.sensor-chart__stat{text-align:center}.sensor-chart__stat-label{display:block;font-size:.625rem;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem}.sensor-chart__stat-value{font-size:.875rem;font-weight:600;color:var(--chart-color)}.sensor-chart__loading,.sensor-chart__error,.sensor-chart__empty{display:flex;align-items:center;justify-content:center;height:80px;color:var(--text-secondary, #888);font-size:.875rem}.sensor-chart__error{color:var(--color-alert, #EF4444)}.sensor-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.sensor-chart-grid__empty{text-align:center;padding:2rem;color:var(--text-secondary, #888)}@media(max-width:600px){.sensor-chart__stats{grid-template-columns:repeat(2,1fr)}.sensor-chart__header{flex-direction:column;align-items:flex-start;gap:.5rem}}.stats{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto}.stats--loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-size:2rem}.stats__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem}.stats__title-group h1{font-size:2rem;font-weight:700;margin:0 0 .25rem}.stats__subtitle{color:var(--text-secondary, #888);margin:0}.stats__periods{display:flex;background:#ffffff1a;border-radius:.5rem;padding:.25rem}.stats__period{padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary, #888);cursor:pointer;border-radius:.25rem;font-size:.875rem;transition:all .2s}.stats__period:hover{color:var(--text-primary, #fff)}.stats__period.active{background:var(--color-primary, #A855F7);color:#fff}.stats__box-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.stats__box-btn{padding:.5rem 1rem;border:2px solid transparent;background:#ffffff0d;color:var(--text-primary, #fff);cursor:pointer;border-radius:2rem;font-size:.875rem;font-weight:500;transition:all .2s}.stats__box-btn:hover{background:#ffffff1a}.stats__box-btn.active{border-color:var(--box-color, #A855F7);background:#a855f733}.stats__main{display:flex;flex-direction:column;gap:2rem}.stats__section{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats__section h2{font-size:1.25rem;margin-bottom:1rem}.stats__badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.stats__badge-card{background:#ffffff0d;border-radius:1rem;padding:1rem}.stats__badge-card h3{font-size:1rem;margin:0 0 1rem;text-transform:capitalize}.stats__box-section{animation:fadeIn .3s ease-out}.stats__box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.stats__box-header h2{font-size:1.5rem;margin:0}.stats__status{font-size:.875rem;padding:.25rem .75rem;border-radius:1rem;background:#ffffff1a}.stats__status.online{background:#22c55e33;color:#22c55e}.stats__status.offline{background:#ef444433;color:#ef4444}.stats__box-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.stats__box-sensors h3{font-size:1rem;margin:0 0 1rem}@media(max-width:900px){.stats{padding:1rem}.stats__header{flex-direction:column;gap:1rem}.stats__box-grid{grid-template-columns:1fr}}.thoughts{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(251,146,60,.07) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(74,222,128,.06) 0%,transparent 40%),var(--bg-primary)}.thoughts__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-lg);padding:var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:10}.thoughts__title{margin:0;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--text-primary),var(--thought-accent, var(--color-love)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.thoughts__subtitle{margin:6px 0 0;font-size:.9rem;color:var(--text-secondary)}.thoughts__sender{display:flex;flex-direction:column;gap:var(--space-sm);min-width:260px}.thoughts__label{font-size:.85rem;color:var(--text-secondary)}.thoughts__select{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:10px 12px;outline:none}.thoughts__grid{max-width:1400px;margin:0 auto;padding:var(--space-xl);display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-xl)}.thoughts__card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--space-lg)}.thoughts__cardTitle{margin:0 0 var(--space-md);font-size:1.1rem}.thoughts__row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.thoughts__row--durations{align-items:center;justify-content:space-between}.thoughts__chip{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-full);background:#33415599;border:1px solid rgba(148,163,184,.15);color:var(--text-primary);cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.thoughts__chip:hover{transform:translateY(-1px);background:#475569a6}.thoughts__chip.is-active{border-color:var(--thought-accent, var(--color-love));box-shadow:0 0 0 3px #fb923c1f}.thoughts__chip--style{padding-right:10px}.thoughts__chipIcon{font-size:1.05rem}.thoughts__chipLabel{font-size:.9rem;font-weight:600}.thoughts__swatch{width:10px;height:10px;border-radius:999px;opacity:.9}.thoughts__segmented{display:inline-flex;border-radius:var(--radius-full);background:#33415580;border:1px solid rgba(148,163,184,.15);overflow:hidden}.thoughts__seg{padding:8px 12px;color:var(--text-secondary);background:transparent;border:none;cursor:pointer}.thoughts__seg.is-active{color:var(--text-primary);background:#fb923c24}.thoughts__compose{margin-top:var(--space-md)}.thoughts__textarea{width:100%;margin-top:8px;padding:12px;border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.15);background:#0f172a59;color:var(--text-primary);outline:none;resize:vertical;min-height:110px}.thoughts__textarea:focus{border-color:var(--thought-accent, var(--color-love));box-shadow:0 0 0 3px #fb923c1f}.thoughts__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-sm)}.thoughts__toggle{display:inline-flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.9rem}.thoughts__counter{color:var(--text-muted);font-size:.85rem}.thoughts__quick{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.thoughts__quickBtn{background:#3341558c;border:1px solid rgba(148,163,184,.15);color:var(--text-primary);border-radius:var(--radius-full);padding:8px 10px;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.thoughts__quickBtn:hover{background:#475569a6;transform:translateY(-1px)}.thoughts__actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.thoughts__card--preview{position:relative;overflow:hidden}.thoughts__preview{border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,.15);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.06) 0%,transparent 45%),linear-gradient(180deg,#33415559,#0f172a40);padding:var(--space-lg)}.thoughts__previewHeader{display:flex;gap:var(--space-md);align-items:center;margin-bottom:var(--space-md)}.thoughts__previewDot{width:12px;height:12px;border-radius:999px;background:var(--thought-accent, var(--color-love));box-shadow:0 0 24px #fb923c59}.thoughts__previewFrom{font-weight:700;color:var(--text-primary)}.thoughts__previewType{font-size:.85rem;color:var(--text-secondary)}.thoughts__previewBody{padding:var(--space-md);border-radius:var(--radius-md);background:#0f172a40;border:1px solid rgba(148,163,184,.08)}.thoughts__previewLove{font-size:3rem;text-align:center;line-height:1}.thoughts__previewText{margin:0;color:var(--text-primary);font-size:1.05rem}.thoughts__previewFooter{margin-top:var(--space-md);color:var(--text-muted);font-size:.85rem}.thoughts__mt{margin-top:var(--space-xl)}.thoughts__inbox{margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.thoughts__inboxEmpty{color:var(--text-muted);font-size:.9rem}.thoughts__inboxItem{display:flex;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.12);background:#33415540}.thoughts__inboxBadge{width:10px;border-radius:999px;opacity:.9}.thoughts__inboxTop{display:flex;gap:var(--space-sm);align-items:baseline;justify-content:space-between}.thoughts__inboxFrom{font-weight:700;color:var(--text-primary)}.thoughts__inboxType{color:var(--text-muted);font-size:.8rem}.thoughts__inboxMsg{color:var(--text-secondary);font-size:.9rem;margin-top:2px}.thoughts__inboxMsg--empty{color:var(--text-muted)}.thoughts__toast{position:fixed;left:50%;bottom:var(--space-xl);transform:translate(-50%);padding:var(--space-md) var(--space-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);cursor:pointer;z-index:var(--z-toast);font-weight:600}.thoughts__toast--success{border-color:var(--color-happy)}.thoughts__toast--error{border-color:var(--color-alert)}.thoughts__toast--love{border-color:var(--thought-accent, var(--color-love));box-shadow:0 0 30px #fb923c40}@media(max-width:980px){.thoughts__grid{grid-template-columns:1fr}}@media(max-width:768px){.thoughts__header{flex-direction:column;align-items:flex-start}.thoughts__grid{padding:var(--space-md)}.thoughts__sender{width:100%}.thoughts__actions{flex-direction:column}}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:500;border-radius:var(--radius-full);white-space:nowrap}.ui-badge--sm{padding:2px var(--space-sm);font-size:.6875rem}.ui-badge--md{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.ui-badge--success{background:#4ade8026;color:var(--color-happy)}.ui-badge--warning{background:#fb923c26;color:var(--color-love)}.ui-badge--danger{background:#f8717126;color:var(--color-alert)}.ui-badge--info{background:#60a5fa26;color:var(--color-sad)}.ui-badge--neutral{background:var(--bg-elevated);color:var(--text-secondary)}.ui-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ui-badge--pulse .ui-badge__dot{animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.ui-badge__icon{font-size:.875em}.box-info-header{margin-bottom:var(--space-xl)}.box-info-header__top{margin-bottom:var(--space-md)}.box-info-header__content{display:flex;align-items:center;gap:var(--space-lg)}.box-face-preview{width:80px;height:80px;border-radius:var(--radius-full);background:var(--bg-elevated);border:2px solid var(--glass-border);overflow:hidden;position:relative;box-shadow:0 4px 12px #0003}.box-info-header__details{flex:1}.box-info-header__title-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs)}.box-info-header__title{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.box-info-header__meta{display:flex;align-items:center;gap:var(--space-lg);color:var(--text-secondary);font-size:.875rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:var(--space-xs)}.meta-label{opacity:.7}.meta-value{color:var(--text-primary);font-weight:500}.capitalize{text-transform:capitalize}code.meta-value{background:#0003;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.8em}@media(max-width:640px){.box-info-header__content{flex-direction:column;text-align:center}.box-info-header__title-row{justify-content:center;flex-wrap:wrap}.box-info-header__meta{justify-content:center;gap:var(--space-md)}}.ui-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}.ui-card--elevated{background:var(--bg-elevated);box-shadow:0 4px 20px #0000004d}.ui-card--outlined{background:transparent;border:1px solid var(--border-color)}.ui-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);padding-bottom:0}.ui-card__title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.ui-card__icon{font-size:1.25rem}.ui-card__actions{display:flex;align-items:center;gap:var(--space-sm)}.ui-card__content{padding:var(--space-lg)}.ui-card__header+.ui-card__content{padding-top:var(--space-md)}.ui-card--no-padding .ui-card__content{padding:0}.ui-slider{width:100%}.ui-slider--disabled{opacity:.5;pointer-events:none}.ui-slider__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-sm)}.ui-slider__label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.ui-slider__value{color:var(--text-primary);font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.ui-slider__track-container{position:relative;height:24px;display:flex;align-items:center}.ui-slider__input{width:100%;height:6px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,var(--slider-color) 0%,var(--slider-color) var(--slider-percentage),var(--bg-elevated) var(--slider-percentage),var(--bg-elevated) 100%);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast)}.ui-slider__input:focus{outline:none}.ui-slider__input:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--slider-color)}.ui-slider__input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;border:none;box-shadow:0 2px 6px #0000004d;cursor:grab;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.ui-slider__input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 10px #0006}.ui-slider__input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.ui-slider__input::-moz-range-thumb{width:20px;height:20px;background:#fff;border-radius:50%;border:none;box-shadow:0 2px 6px #0000004d;cursor:grab;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.ui-slider__input::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 10px #0006}.ui-slider__input::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.15)}.ui-slider__input::-moz-range-track{height:6px;background:var(--bg-elevated);border-radius:var(--radius-full)}.ui-input{display:flex;flex-direction:column;gap:var(--space-xs)}.ui-input--disabled{opacity:.5;pointer-events:none}.ui-input__label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.ui-input__required{color:var(--color-alert);margin-left:2px}.ui-input__wrapper{position:relative;display:flex;align-items:center}.ui-input__icon{position:absolute;left:var(--space-sm);font-size:1rem;pointer-events:none;z-index:1}.ui-input__field{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.ui-input__field--with-icon{padding-left:calc(var(--space-sm) + 1.5rem)}.ui-input__field::placeholder{color:var(--text-muted)}.ui-input__field:hover:not(:disabled){border-color:var(--text-secondary)}.ui-input__field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f633}.ui-input--error .ui-input__field{border-color:var(--color-alert)}.ui-input--error .ui-input__field:focus{box-shadow:0 0 0 3px #f8717133}.ui-input__error{color:var(--color-alert);font-size:.8125rem;display:flex;align-items:center;gap:var(--space-xs)}.ui-input__error:before{content:"⚠";font-size:.75rem}.ui-input__hint{color:var(--text-muted);font-size:.8125rem}.ui-input__field[type=number]{-moz-appearance:textfield}.ui-input__field[type=number]::-webkit-outer-spin-button,.ui-input__field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.box-config-page{min-height:100vh;padding-bottom:100px}.box-config-container{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-xl);align-items:start}.config-column{display:flex;flex-direction:column;gap:var(--space-lg)}.offline-banner{background:#fb923c26;border:1px solid rgba(251,146,60,.3);color:var(--color-love);padding:var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm);font-weight:500}.mb-lg{margin-bottom:var(--space-lg)}.config-actions-bar{position:fixed;bottom:0;left:0;right:0;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--glass-border);padding:var(--space-md) var(--space-lg);transform:translateY(100%);transition:transform var(--transition-bounce);z-index:100}.config-actions-bar.visible{transform:translateY(0)}.config-actions-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.changes-indicator{color:var(--text-secondary);font-size:.875rem}.actions-buttons{display:flex;gap:var(--space-md)}.loading-screen,.error-screen{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--text-secondary);font-size:1.125rem}.error-screen{color:var(--color-alert)}@media(max-width:768px){.config-grid{grid-template-columns:1fr}.config-actions-content{flex-direction:column;gap:var(--space-md)}.actions-buttons{width:100%}.actions-buttons button{flex:1}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.text-sm{font-size:.875rem}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-medium{font-weight:500}.italic{font-style:italic}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.gap-sm{gap:var(--space-sm)}.sensors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.sensor-item{background:var(--bg-elevated);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--glass-border)}.threshold-group,.calibration-item{background:var(--bg-elevated);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);border:1px solid var(--glass-border)}.threshold-title{margin:0 0 var(--space-md) 0;font-size:.95rem;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.calibration-header{display:flex;justify-content:space-between;align-items:center}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);background:var(--bg-elevated);padding:var(--space-md);border-radius:var(--radius-md)}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.grid-2,.sensors-grid{grid-template-columns:1fr}}.pin-lock-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-md)}.pin-lock-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;max-width:400px;width:100%;box-shadow:0 20px 40px #0003}.pin-lock-icon{font-size:4rem;margin-bottom:var(--space-md);animation:bounce 2s infinite}.pin-lock-card h2{margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.pin-lock-card p{color:var(--text-secondary);margin:0 0 var(--space-xl) 0;line-height:1.5}.pin-lock-form{display:flex;flex-direction:column;gap:var(--space-lg)}.pin-input-lg input{text-align:center;font-size:1.5rem;letter-spacing:.5em;padding:var(--space-md)}.pin-lock-actions{display:flex;justify-content:space-between;gap:var(--space-md)}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.owner-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.owner-auth__card{width:min(520px,100%);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.owner-auth__header{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.owner-auth__icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);flex:0 0 auto}.owner-auth__title{margin:0;font-size:18px}.owner-auth__subtitle{margin:6px 0 0;color:#ffffffbf;font-size:13px;line-height:1.35}.owner-auth__loading{padding:16px 0;color:#fffc}.owner-auth__form{display:grid;gap:12px}.owner-auth__actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.owner-auth__error{padding:10px 12px;border-radius:12px;background:#ff50501f;border:1px solid rgba(255,80,80,.25);color:#ffc8c8f2;font-size:13px}.owner-auth__links{display:grid;gap:8px;margin-top:8px}.owner-auth__link{appearance:none;background:transparent;border:0;padding:0;color:#ffffffbf;text-align:left;font-size:13px;cursor:pointer;text-decoration:underline}.owner-auth__link:hover{color:#fffffff2}.owner-auth__link--danger{color:#ffaaaad9}.owner-auth__link--danger:hover{color:#faa}