:root{font-family:Outfit,system-ui,-apple-system,sans-serif;color:#eaf1ff;--bg1: #111a34;--bg2: #0a1127;--bg3: #070b19;--glass: rgba(255, 255, 255, .06);--glass-2: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .13);--accent: #4c7dff;--accent-2: #6bc6ff;--text-dim: rgba(220, 230, 255, .72)}:root[data-theme=sunset]{--bg1: #281931;--bg2: #121129;--bg3: #0c0a19;--accent: #ff8f4d;--accent-2: #ffc165}:root[data-theme=nebula]{--bg1: #121f4b;--bg2: #0a1534;--bg3: #070d24;--accent: #4c7dff;--accent-2: #6bc6ff}:root[data-theme=emerald]{--bg1: #0d2f30;--bg2: #09212a;--bg3: #07151b;--accent: #3ed8b4;--accent-2: #77ffe0}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at 20% 15%,var(--bg1) 0%,var(--bg2) 45%,var(--bg3) 100%);color:#eaf1ff}.app-shell{min-height:100vh;padding:18px 18px 88px;position:relative}.aurora-bg,.particle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.aurora-bg{z-index:-2;overflow:hidden}.particle-canvas{z-index:-1}.bg-orb{position:absolute;border-radius:999px;filter:blur(40px);opacity:.42;animation:drift 18s ease-in-out infinite alternate}.orb-a{width:42vw;height:42vw;left:-10vw;top:-10vw;background:color-mix(in oklab,var(--accent),transparent 45%)}.orb-b{width:36vw;height:36vw;right:-10vw;top:14vh;background:color-mix(in oklab,var(--accent-2),transparent 45%);animation-duration:22s}.orb-c{width:48vw;height:48vw;left:24vw;bottom:-22vw;background:#ffffff24;animation-duration:20s}.star-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.48) 1px,transparent 1px);background-size:3px 3px;opacity:.16;animation:twinkle 4.5s linear infinite}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(42px,-22px,0) scale(1.12)}}@keyframes twinkle{0%,to{opacity:.12}50%{opacity:.2}}.glass{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);border-radius:24px;box-shadow:0 14px 44px #00000059}.glass-soft{background:var(--glass-2);border:1px solid rgba(255,255,255,.1);border-radius:18px}.layout-shell{max-width:1280px;margin:0 auto;min-height:calc(100vh - 108px);display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;padding:14px}.side-rail{padding:14px;display:flex;flex-direction:column;gap:14px}.brand-block{display:flex;align-items:center;gap:10px;padding:8px 6px}.brand-dot{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:color-mix(in oklab,var(--accent),transparent 75%)}.side-nav{display:flex;flex-direction:column;gap:8px}.side-lock{margin-top:auto}.main-col{display:flex;flex-direction:column;gap:12px;min-width:0}.top-bar{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.top-right{display:flex;align-items:center;gap:8px}.clock-pill{border-radius:999px;padding:8px 10px;font-size:12px;background:color-mix(in oklab,var(--accent),transparent 84%)}h1,h2,h3,p{margin:0}h1{font-size:clamp(22px,3vw,28px)}h2{font-size:clamp(19px,2.5vw,24px)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#e1ecff9e}.muted{color:var(--text-dim);font-size:14px}.muted.ok{color:#97f4ca}.theme-switcher{display:flex;gap:4px;padding:4px;border-radius:999px}.theme-btn{border:0;color:#f0f5ffd9;background:transparent;border-radius:999px;font-size:11px;padding:6px 9px;cursor:pointer}.theme-btn.active{background:color-mix(in oklab,var(--accent),transparent 78%)}.content{display:flex;flex-direction:column;gap:14px;min-width:0}.page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.page-grid.single{grid-template-columns:1fr}.card{padding:18px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(145deg,#ffffff0f,#ffffff08)}.hero-card{min-height:200px}.hero-time{font-family:JetBrains Mono,monospace;font-size:clamp(36px,8vw,64px);line-height:1}.hero-glow-line{height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:999px}.quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-stat{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:10px;padding:8px 9px;display:flex;flex-direction:column;gap:4px}.quick-stat span{font-size:11px;color:#dce6ffb8}.quick-stat strong{font-size:14px}.weather-row,.focus-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.weather-emoji{font-size:44px}.big-value{font-size:32px;font-weight:600}.focus-time{font-family:JetBrains Mono,monospace;font-size:34px}.focus-actions{display:flex;gap:6px}.device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.device-toggle{border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#ffffff0a;color:#eef3ff;padding:10px;cursor:pointer;display:flex;justify-content:space-between}.device-toggle.on{border-color:color-mix(in oklab,var(--accent),white 15%);background:color-mix(in oklab,var(--accent),transparent 83%)}.climate-row{display:flex;align-items:center;justify-content:center;gap:10px}.list-stack{display:flex;flex-direction:column;gap:8px}.list-row,.log-row{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:12px;padding:10px}.list-row{display:flex;justify-content:space-between}.log-row{font-family:JetBrains Mono,monospace;font-size:12px}.inline-form{display:flex;gap:8px}.input{flex:1;min-width:0;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#eef3ff;padding:10px 12px;font:inherit}.btn,.chip-btn,.task-chip,.keypad-btn{border-radius:12px;border:1px solid rgba(255,255,255,.14);color:#f2f6ff;cursor:pointer}.btn{border:0;background:linear-gradient(135deg,var(--accent),var(--accent-2));padding:10px 14px;font-weight:600}.chip-btn,.task-chip{background:#ffffff0d;padding:10px;text-align:left}.chip-btn.mini{padding:7px 10px;font-size:12px;width:auto}.chip-btn.active-chip{border-color:color-mix(in oklab,var(--accent),white 14%);background:color-mix(in oklab,var(--accent),transparent 83%)}.task-chip.done{color:#97f4ca;text-decoration:line-through}.button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.calendar-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.weekday{text-align:center;font-size:11px;color:#dce6ffad}.day-cell{min-height:58px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:#ffffff0a;color:#eef3ff;cursor:pointer}.day-cell.active{border-color:color-mix(in oklab,var(--accent),white 10%);background:color-mix(in oklab,var(--accent),transparent 83%)}.dot{width:6px;height:6px;border-radius:999px;margin:5px auto 0;background:var(--accent);display:block}.event-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-repeat{color:#dce6ffa6;font-style:normal}.event-delete{width:24px;height:24px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:#fff}.toggle-row{display:flex;flex-wrap:wrap;gap:8px}.chat-box{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.chat-msg{max-width:90%;border-radius:12px;padding:9px 11px;font-size:13px;line-height:1.45}.chat-msg.user{align-self:flex-end;background:color-mix(in oklab,var(--accent),transparent 80%);border:1px solid color-mix(in oklab,var(--accent),transparent 65%)}.chat-msg.bot{align-self:flex-start;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.tab-link{text-decoration:none;color:#e4ecffe0;border-radius:12px;padding:10px 12px;font-size:13px}.tab-link.active{background:color-mix(in oklab,var(--accent),transparent 81%);color:#fff}.side-nav .tab-link{display:block}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:max(8px,env(safe-area-inset-bottom));width:min(680px,calc(100vw - 20px));display:none;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px}.install-btn{white-space:nowrap}.lock-screen-glass{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#05081685;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.lock-core{width:min(420px,calc(100vw - 32px));padding:28px 20px;text-align:center}.pin-error{animation:lockShake .4s ease}@keyframes lockShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.lock-emoji{width:62px;height:62px;border-radius:999px;margin:0 auto 12px;display:grid;place-items:center;font-size:28px;background:color-mix(in oklab,var(--accent),transparent 80%)}.pin-dots{display:flex;justify-content:center;gap:10px;margin:12px 0}.pin-dot-ui{width:12px;height:12px;border-radius:999px;border:1.5px solid rgba(255,255,255,.42)}.pin-dot-ui.filled{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 10px color-mix(in oklab,var(--accent),transparent 30%)}.keypad-grid{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.keypad-btn{background:#ffffff0f;padding:11px 8px;font-size:16px}.keypad-btn.alt{font-size:12px;color:#e3ecffd1}.unlock-btn{margin-top:10px;width:100%}@media (max-width: 980px){.layout-shell{grid-template-columns:1fr;padding:10px}.side-rail{display:none}.bottom-nav{display:grid}.app-shell{padding-bottom:90px}}@media (max-width: 860px){.page-grid{grid-template-columns:1fr}.mobile-col{flex-direction:column}.button-grid{grid-template-columns:1fr}.top-bar{flex-direction:column;align-items:stretch}.top-right{flex-wrap:wrap}.theme-switcher{overflow-x:auto;scrollbar-width:none}.theme-switcher::-webkit-scrollbar{display:none}.quick-stats,.device-grid{grid-template-columns:1fr}}