[data-theme=cerulean]{--glow-tl-1: 125 180 220;--glow-tl-1-a: .55;--glow-tl-2: 95 150 200;--glow-tl-2-a: .28;--glow-br-1: 115 155 200;--glow-br-1-a: .42;--glow-br-2: 80 120 165;--glow-br-2-a: .22;--glow-br-blend: normal;--glow-tr-1: 0 0 0;--glow-tr-1-a: 0;--glow-tr-2: 0 0 0;--glow-tr-2-a: 0;--glow-bl-1: 0 0 0;--glow-bl-1-a: 0;--glow-bl-2: 0 0 0;--glow-bl-2-a: 0;--glow-core-1: 140 165 195;--glow-core-1-a: .18;--glow-core-2: 110 135 165;--glow-core-2-a: .1;--avatar-from: #bccde0;--avatar-to: #5a7a98;--noise-opacity: .08;--btn-primary-from: rgba(130, 175, 215, .5);--btn-primary-to: rgba(85, 130, 180, .4);--btn-following-from: rgba(180, 200, 220, .4);--btn-following-to: rgba(130, 155, 185, .32);--btn-streak-1: rgba(140, 185, 220, .4);--btn-streak-2: rgba(170, 200, 225, .32);--input-focus-ring: rgba(125, 180, 220, .35);--input-border: rgba(125, 180, 220, .22);--switch-track-on: rgba(125, 180, 220, .7);--accent-rgb: 125 180 220}[data-theme=graphite]{--glow-tl-1: 180 165 215;--glow-tl-1-a: .55;--glow-tl-2: 155 145 195;--glow-tl-2-a: .28;--glow-br-1: 220 175 185;--glow-br-1-a: .42;--glow-br-2: 180 150 165;--glow-br-2-a: .22;--glow-br-blend: normal;--glow-tr-1: 0 0 0;--glow-tr-1-a: 0;--glow-tr-2: 0 0 0;--glow-tr-2-a: 0;--glow-bl-1: 0 0 0;--glow-bl-1-a: 0;--glow-bl-2: 0 0 0;--glow-bl-2-a: 0;--glow-core-1: 180 175 200;--glow-core-1-a: .18;--glow-core-2: 160 155 180;--glow-core-2-a: .1;--avatar-from: #cdc7e0;--avatar-to: #7d7891;--noise-opacity: 0;--btn-primary-from: rgba(180, 165, 220, .5);--btn-primary-to: rgba(140, 130, 185, .4);--btn-following-from: rgba(190, 195, 215, .4);--btn-following-to: rgba(150, 155, 180, .32);--btn-streak-1: rgba(190, 180, 220, .4);--btn-streak-2: rgba(200, 195, 215, .32);--input-focus-ring: rgba(180, 165, 215, .35);--input-border: rgba(180, 165, 215, .22);--switch-track-on: rgba(180, 165, 215, .7);--accent-rgb: 180 165 215}[data-theme=aurora]{--glow-tl-1: 255 138 176;--glow-tl-1-a: .92;--glow-tl-2: 214 122 255;--glow-tl-2-a: .62;--glow-br-1: 255 150 110;--glow-br-1-a: .72;--glow-br-2: 255 205 120;--glow-br-2-a: .48;--glow-br-blend: screen;--glow-tr-1: 180 130 255;--glow-tr-1-a: .76;--glow-tr-2: 120 200 255;--glow-tr-2-a: .44;--glow-tr-blend: screen;--glow-bl-1: 110 230 180;--glow-bl-1-a: .5;--glow-bl-2: 110 180 240;--glow-bl-2-a: .3;--glow-bl-blend: screen;--glow-core-1: 255 200 220;--glow-core-1-a: .38;--glow-core-2: 220 180 255;--glow-core-2-a: .24;--avatar-from: #fcd5dc;--avatar-to: #c8f1e2;--noise-opacity: 0;--btn-primary-from: rgba(255, 138, 176, .55);--btn-primary-to: rgba(214, 122, 255, .45);--btn-following-from: rgba(120, 230, 190, .5);--btn-following-to: rgba(120, 200, 255, .4);--btn-streak-1: rgba(255, 138, 176, .5);--btn-streak-2: rgba(120, 230, 190, .45);--input-focus-ring: rgba(255, 138, 176, .4);--input-border: rgba(255, 138, 176, .28);--switch-track-on: rgba(255, 138, 176, .75);--accent-rgb: 255 138 176}[data-theme=sakura]{--glow-tl-1: 255 200 215;--glow-tl-1-a: .78;--glow-tl-2: 245 165 190;--glow-tl-2-a: .5;--glow-tl-blend: screen;--glow-br-1: 240 175 195;--glow-br-1-a: .62;--glow-br-2: 210 145 170;--glow-br-2-a: .38;--glow-br-blend: screen;--glow-tr-1: 0 0 0;--glow-tr-1-a: 0;--glow-tr-2: 0 0 0;--glow-tr-2-a: 0;--glow-bl-1: 0 0 0;--glow-bl-1-a: 0;--glow-bl-2: 0 0 0;--glow-bl-2-a: 0;--glow-core-1: 252 220 225;--glow-core-1-a: .32;--glow-core-2: 235 195 205;--glow-core-2-a: .18;--glow-core-blend: screen;--avatar-from: #f8d4dc;--avatar-to: #a86878;--noise-opacity: .08;--btn-primary-from: rgba(230, 145, 175, .55);--btn-primary-to: rgba(195, 110, 145, .45);--btn-following-from: rgba(220, 195, 200, .4);--btn-following-to: rgba(180, 145, 160, .32);--btn-streak-1: rgba(255, 188, 215, .42);--btn-streak-2: rgba(245, 175, 200, .32);--input-focus-ring: rgba(245, 165, 190, .4);--input-border: rgba(245, 165, 190, .28);--switch-track-on: rgba(245, 165, 190, .75);--accent-rgb: 245 165 190}:root{--color-status-critical: 244 87 105;--color-status-warning: 251 168 76;--color-status-healthy: 99 187 134;--color-status-info: 125 180 220}.surface-glass{border:1px solid transparent;background:linear-gradient(var(--gradient-angle, 135deg),rgb(24 24 28 / calc(.7 * var(--surface-alpha-mult, 1))),rgb(16 16 20 / calc(.5 * var(--surface-alpha-mult, 1)))) padding-box,linear-gradient(var(--gradient-angle, 135deg),rgb(var(--accent-rgb, 220 220 225) / .55) 0%,rgb(var(--accent-rgb, 180 180 190) / .32) 22%,rgba(255,255,255,.04) 50%,rgba(42,42,46,.45) 78%,rgba(20,20,24,.85) 100%) border-box;backdrop-filter:blur(var(--blur-amount, 24px)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur-amount, 24px)) saturate(140%);box-shadow:inset 3px 3px 8px -3px rgb(255 255 255 / calc(.22 * var(--highlight-intensity, 1))),inset -3px -3px 10px -4px rgb(0 0 0 / calc(.32 * var(--shadow-intensity, 1))),4px calc(6px * var(--shadow-distance, 1)) 14px -2px rgb(0 0 0 / calc(.35 * var(--shadow-intensity, 1))),12px calc(28px * var(--shadow-distance, 1)) 60px -18px rgb(0 0 0 / calc(.55 * var(--shadow-intensity, 1)));overflow:hidden;isolation:isolate;position:relative}.surface-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.55'/></svg>");opacity:calc(var(--noise-opacity, 0) * var(--noise-opacity-mult, 1));mix-blend-mode:overlay;z-index:1}.surface-input{border:1px solid var(--input-border, rgba(255, 255, 255, .1));background:linear-gradient(180deg,#0a0a0cb3,#0e0e1080);box-shadow:inset 1px 1px 2px #00000040,inset -1px -1px 2px #ffffff14;transition:border-color .18s ease,box-shadow .18s ease}.surface-frosted{background:#161618a8;backdrop-filter:blur(var(--frosted-blur, 18px)) saturate(140%);-webkit-backdrop-filter:blur(var(--frosted-blur, 18px)) saturate(140%);border:1px solid rgba(255,255,255,.08);box-shadow:0 calc(8px * var(--shadow-distance, 1)) calc(24px * var(--shadow-distance, 1)) -8px rgb(0 0 0 / calc(.55 * var(--shadow-intensity, 1))),inset 0 1px rgb(255 255 255 / calc(.04 * var(--highlight-intensity, 1)));position:relative;isolation:isolate;overflow:hidden}.surface-raised-light{border:1px solid rgba(255,255,255,.08);background:linear-gradient(var(--gradient-angle, 135deg),rgba(40,40,44,.85),rgba(30,30,34,.75));box-shadow:0 calc(1px * var(--shadow-distance, 1)) calc(2px * var(--shadow-distance, 1)) rgb(0 0 0 / calc(.18 * var(--shadow-intensity, 1))),0 calc(6px * var(--shadow-distance, 1)) calc(14px * var(--shadow-distance, 1)) -6px rgb(0 0 0 / calc(.42 * var(--shadow-intensity, 1))),inset 0 1px rgb(255 255 255 / calc(.05 * var(--highlight-intensity, 1)));transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.surface-raised-light:hover{background:linear-gradient(var(--gradient-angle, 135deg),rgba(48,48,52,.9),rgba(36,36,40,.8));border-color:var(--input-focus-ring, rgba(125, 180, 220, .32));box-shadow:0 calc(2px * var(--shadow-distance, 1)) calc(4px * var(--shadow-distance, 1)) rgb(0 0 0 / calc(.22 * var(--shadow-intensity, 1))),0 calc(10px * var(--shadow-distance, 1)) calc(20px * var(--shadow-distance, 1)) -6px rgb(0 0 0 / calc(.5 * var(--shadow-intensity, 1))),inset 0 1px rgb(255 255 255 / calc(.07 * var(--highlight-intensity, 1)));transform:translateY(-1px)}.surface-input:focus-within{outline:none;border-color:var(--input-focus-ring, rgba(125, 180, 220, .5));box-shadow:inset 1px 1px 2px #00000040,inset -1px -1px 2px #ffffff14,0 0 0 3px var(--input-focus-ring, rgba(125, 180, 220, .35))}:root{color-scheme:dark;--color-background: #1d161b;--color-foreground: #f4f4f6;--color-muted: rgba(244, 244, 246, .55);--surface-alpha-mult: 1;--wash-alpha: .32;--blur-amount: 24px;--frosted-blur: 18px;--noise-opacity-mult: 1;--gradient-angle: 135deg;--highlight-intensity: 1;--shadow-intensity: 1;--shadow-distance: 1;--anim-duration-mult: 1;--anim-ease: cubic-bezier(.22, 1, .36, 1);--bg: var(--color-background);--text: #f4f1e8;--muted: var(--color-muted);--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .18);--accent-rgb: 180 165 215;--accent: rgb(var(--accent-rgb));--accent-soft: rgba(180, 165, 215, .35);--avatar-from: #cdc7e0;--avatar-to: #7d7891;--yellow: #ffe071;--shadow: 4px 6px 14px -2px rgba(0, 0, 0, .35), 12px 28px 60px -18px rgba(0, 0, 0, .55);--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", "Cascadia Code", "Liberation Mono", Consolas, monospace}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 12%,rgb(var(--glow-tl-1, 180 165 215) / .16),transparent 30rem),radial-gradient(circle at 82% 18%,rgb(var(--glow-br-1, 220 175 185) / .12),transparent 28rem),radial-gradient(circle at 52% 88%,rgb(var(--glow-core-1, 180 175 200) / .1),transparent 32rem),var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5}a{color:inherit;text-decoration:none}.splash-shell{display:grid;min-height:100vh;place-items:center;padding:28px}.splash-card{position:relative;width:min(820px,100%);padding:clamp(28px,7vw,72px);border-radius:24px}.splash-card:before{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;z-index:0;pointer-events:none;background:radial-gradient(circle at 0% 0%,rgb(var(--glow-tl-1, 180 165 215) / var(--wash-alpha, .32)),transparent 32%),radial-gradient(circle at 100% 100%,rgb(var(--glow-br-1, 220 175 185) / calc(var(--wash-alpha, .32) * .78)),transparent 34%),radial-gradient(circle at 50% 50%,rgb(var(--glow-core-1, 180 175 200) / calc(var(--wash-alpha, .32) * .5)),transparent 36%);content:"";mix-blend-mode:overlay;opacity:.62}.splash-card>*{position:relative;z-index:2}.brand-row{display:inline-flex;align-items:center;gap:10px;margin-bottom:56px;color:var(--muted);font-family:var(--font-mono);font-size:14px}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(135deg,var(--avatar-from),var(--avatar-to));box-shadow:inset 0 1px #fff6;color:#101014eb;font-size:12px;font-weight:800}h1{max-width:720px;margin:0 0 14px;font-size:clamp(52px,9vw,104px);line-height:.94;letter-spacing:0}.title{margin:0 0 32px;color:#f4f4f6bd;font-family:var(--font-mono);font-size:clamp(16px,2vw,19px)}.link-row{display:flex;flex-wrap:wrap;gap:10px}.link-row a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:0 16px;background:linear-gradient(135deg,var(--btn-primary-from, rgba(180, 165, 220, .5)),var(--btn-primary-to, rgba(140, 130, 185, .4)));backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 2px 2px 3px -1px #ffffff4d,inset -2px -2px 4px -1px #00000026;color:#fffffff5;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease}.link-row a:hover,.link-row a:focus-visible{transform:translateY(-2px);border-color:var(--accent-soft);background:linear-gradient(135deg,var(--btn-streak-1, rgba(190, 180, 220, .4)),var(--btn-streak-2, rgba(200, 195, 215, .32)))}:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}@media(max-width:620px){.splash-shell{padding:16px}.brand-row{margin-bottom:42px}h1{font-size:clamp(46px,16vw,68px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
