:root{--acc:#3fd4ff;--acc2:#b56bff;--bg:#02050b;--tint:255, 255, 255;--glass-alpha:.055;--glass-blur:10px;--radius:14px;--fs:1;--card-w:118px;--text:#e8f6ff;--muted:#e8f6ff99;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--dur:.2s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-anim=off]{--dur:0s}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);font-size:calc(15px * var(--fs));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}.scene{inset:0;position:fixed!important}.overlay{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:fixed;inset:0}.overlay *{pointer-events:auto}.overlay .passthrough,.overlay .passthrough *{pointer-events:none}.overlay .passthrough .glass,.overlay .passthrough .glass *,.overlay .passthrough button{pointer-events:auto}.glass{background:rgba(var(--tint), var(--glass-alpha));border:1px solid rgba(var(--tint), .14);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius)}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.label{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:.68em}.btn{white-space:nowrap;cursor:pointer;color:#fff;transition:border-color var(--dur), box-shadow var(--dur), transform var(--dur);box-shadow:0 0 26px color-mix(in srgb, var(--acc) 30%, transparent);justify-content:center;align-items:center;gap:8px;padding:11px 20px;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--acc)}.btn svg{flex-shrink:0;width:18px;height:18px}.btn:disabled{opacity:.5;cursor:default}.icon-btn{cursor:pointer;width:36px;height:36px;transition:border-color var(--dur);justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover,.icon-btn[aria-pressed=true]{border-color:var(--acc)}.icon-btn svg{width:17px;height:17px}.chip{border:1px solid rgba(var(--tint), .2);background:rgba(var(--tint), .05);cursor:pointer;transition:border-color var(--dur);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.75em;display:inline-flex}.chip:hover{border-color:var(--acc)}.field{background:rgba(var(--tint), .08);border:1px solid rgba(var(--tint), .18);border-radius:8px;outline:none;min-width:0;padding:6px 9px}.field:focus{border-color:var(--acc)}select.field option{background:#0b1320}.intro{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;height:100%;padding-bottom:7vh;display:flex}.intro .tagline{font-family:var(--mono);letter-spacing:.35em;color:var(--muted);font-size:.72em}.intro .status{min-height:1.2em;font-family:var(--mono);letter-spacing:.15em;color:var(--muted);font-size:.75em}.setup{text-align:left;flex-direction:column;gap:10px;width:min(360px,92vw);padding:16px;display:flex}.setup p{color:var(--muted);margin:0;font-size:.82em;line-height:1.4}.dash{height:100%;position:relative}.hdr{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.greet{text-shadow:0 0 16px var(--acc);font-size:1.5em;font-weight:500;line-height:1.2}.clock{font-family:var(--mono);color:var(--muted);text-transform:capitalize;margin-top:4px;font-size:.74em}.icons{flex-shrink:0;gap:6px;display:flex}.palette-wrap{z-index:5;width:min(440px,60vw);position:absolute;top:58px;left:50%;transform:translate(-50%)}.palette-bar{cursor:text;width:100%;color:var(--muted);transition:border-color var(--dur);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.88em;display:flex}.palette-bar:hover{border-color:var(--acc)}.palette{background:#060c16c7;padding:8px}.palette input{border:0;border-bottom:1px solid rgba(var(--tint), .15);background:0 0;outline:none;width:100%;padding:8px 8px 10px;font-size:.95em}.palette .item{cursor:pointer;border-radius:8px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:.87em;display:flex}.palette .item.on{background:color-mix(in srgb, var(--acc) 22%, transparent)}.palette .item span:last-child{color:var(--muted);white-space:nowrap;font-size:.8em}.palette .empty{color:var(--muted);padding:10px;font-size:.8em}.reply{animation:fadein var(--dur) ease-out;align-items:flex-start;gap:10px;margin-top:10px;padding:10px 14px;font-size:.87em;line-height:1.4;display:flex}.reply .who{font-family:var(--mono);letter-spacing:.15em;color:var(--acc);padding-top:2px;font-size:.72em}@keyframes fadein{0%{opacity:0;transform:translateY(-4px)}}.cols{justify-content:space-between;gap:12px;display:flex;position:absolute;top:118px;left:0;right:0}.col{flex-direction:column;gap:10px;width:200px;display:flex}.widget{padding:10px 12px;font-size:.8em}.widget h4{margin:0 0 6px;font-weight:500}.row{justify-content:space-between;align-items:center;gap:8px;padding:3px 0;display:flex}.row .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row .time{font-family:var(--mono);color:var(--muted);font-size:.9em}.row .val{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.wx-icon{width:16px;height:16px;color:var(--acc)}.dot{background:#3ddc84;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 6px #3ddc84}.dot.off{background:#ff5a5a;box-shadow:0 0 6px #ff5a5a}.dot.none{box-shadow:none;background:#666}.cards{gap:10px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.card{width:var(--card-w);text-align:left;cursor:pointer;transition:transform var(--dur), border-color var(--dur), box-shadow var(--dur);padding:10px 12px}.card:hover,.card:focus-visible{border-color:var(--acc);box-shadow:0 0 22px color-mix(in srgb, var(--acc) 30%, transparent);outline:none;transform:translateY(-4px)}.card b{margin:3px 0 1px;font-size:.87em;font-weight:500;display:block}.card small{color:var(--muted);font-size:.68em}.badge{float:right;font-family:var(--mono);border:1px solid rgba(var(--tint), .25);color:var(--muted);border-radius:999px;padding:1px 6px;font-size:.6em}.settings{z-index:10;width:min(330px,100%);animation:slidein var(--dur) ease-out;overscroll-behavior:contain;background:#060c16cc;padding:14px 16px 24px;font-size:.8em;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}@keyframes slidein{0%{opacity:0;transform:translate(20px)}}.settings h3{margin:0;font-size:1.15em;font-weight:500}.settings details{border-top:1px solid rgba(var(--tint), .08);padding:8px 0}.settings summary{cursor:pointer;justify-content:space-between;padding:4px 0;list-style:none;display:flex}.settings summary:after{content:"+";color:var(--muted)}.settings details[open] summary:after{content:"−"}.settings .f{grid-template-columns:1fr 132px;align-items:center;gap:8px;margin:7px 0;display:grid}.settings .f>span{color:var(--text);opacity:.85}.settings .f input[type=range]{width:100%;accent-color:var(--acc)}.settings .f input[type=color]{cursor:pointer;background:0 0;border:0;justify-self:end;width:44px;height:24px;padding:0}.settings .f .switch{justify-self:end}.settings .val{font-family:var(--mono);color:var(--muted);font-size:.85em}.settings .chips{flex-wrap:wrap;gap:5px;margin:8px 0;display:flex}.settings .line{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.settings .line .field{flex:1}.switch{border:1px solid rgba(var(--tint), .25);background:rgba(var(--tint), .08);cursor:pointer;width:34px;height:20px;transition:background var(--dur);border-radius:999px;padding:0;position:relative}.switch:after{content:"";width:14px;height:14px;transition:transform var(--dur);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--acc);border-color:var(--acc)}.switch[aria-checked=true]:after{transform:translate(14px)}.results{flex-direction:column;gap:2px;display:flex}.results button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 6px}.results button:hover{background:rgba(var(--tint), .08)}.note{color:var(--muted);margin-top:14px;font-size:.9em;line-height:1.4}@media (width<=760px){.dash{flex-direction:column;gap:10px;display:flex}.greet{font-size:1.15em}.clock{white-space:nowrap}.icons{gap:4px}.icon-btn{width:32px;height:32px}.palette-wrap{width:100%;position:relative;top:auto;left:auto;transform:none}.cols{scrollbar-width:none;flex-direction:row;justify-content:flex-start;position:relative;top:auto;overflow-x:auto}.col{flex-direction:row;width:auto}.col:empty{display:none}.widget{min-width:200px}.cards{grid-template-columns:1fr 1fr;display:grid;left:0;right:0;transform:none}.card{width:auto}}@media (width<=380px){.hdr .icons .mono{display:none}}@media (width<=760px) and (height<=640px){.cols{display:none}}