:root{--bg:#eef1f7;--bg-elevated:#ffffffc7;--bg-elevated-solid:#fff;--text:#141820;--text-muted:#5a6270;--border:#0f172a1a;--border-strong:#0f172a29;--shadow:0 1px 2px #0f172a0a, 0 12px 32px #0f172a14;--shadow-hover:0 4px 12px #0f172a14, 0 16px 40px #0f172a1a;--radius:20px;--radius-sm:14px;--focus:#6366f1;--transition:.22s cubic-bezier(.22, 1, .36, 1);--conn-bg:#ffffff73;--conn-border:#0f172a1a;--conn-label:#6b7280;--conn-value:#374151;--chevron:#9ca3af;--title-grad:linear-gradient(120deg, #1e293b 0%, #4338ca 45%, #0e7490 100%);--blob-1:#6366f147;--blob-2:#0ea5e938;--blob-3:#f472b629;--card-shine:linear-gradient(135deg, #ffffffe6 0%, #ffffff8c 40%, #eef2ffb3 100%);--link-surface:#ffffffb8;--star-fill:#0f172a8c;--star-glow:#0f172a2e}html[data-theme=dark]{--bg:#0b0d12;--bg-elevated:#181c26b8;--bg-elevated-solid:#181c26;--text:#eef0f4;--text-muted:#9aa3b2;--border:#ffffff17;--border-strong:#ffffff24;--shadow:0 1px 2px #00000059, 0 16px 40px #00000073;--shadow-hover:0 6px 16px #00000059, 0 20px 48px #00000080;--conn-bg:#ffffff0a;--conn-border:#ffffff1a;--conn-label:#8b949e;--conn-value:#d0d5dd;--chevron:#6b7280;--title-grad:linear-gradient(120deg, #f8fafc 0%, #a5b4fc 42%, #67e8f9 100%);--blob-1:#6366f138;--blob-2:#22d3ee24;--blob-3:#f472b61f;--card-shine:linear-gradient(135deg, #282e3ee6 0%, #181c26bf 50%, #1e1b32d9 100%);--link-surface:#ffffff0a;--star-fill:#ffffffe6;--star-glow:#ffffff59}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark}body{background-color:var(--bg);color:var(--text);min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));-webkit-font-smoothing:antialiased;flex-direction:column;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;transition:background-color .35s,color .35s;display:flex;overflow-x:hidden}.ambiance{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(72px);will-change:transform;border-radius:50%;animation:18s ease-in-out infinite float;position:absolute}.blob-1{background:var(--blob-1);width:min(55vw,420px);height:min(55vw,420px);top:-8%;left:-6%}.blob-2{background:var(--blob-2);width:min(50vw,380px);height:min(50vw,380px);animation-duration:22s;animation-delay:-6s;bottom:-10%;right:-8%}.blob-3{background:var(--blob-3);width:min(40vw,300px);height:min(40vw,300px);animation-duration:26s;animation-delay:-11s;top:42%;left:48%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(4%,6%)scale(1.06)}66%{transform:translate(-5%,3%)scale(.96)}}#starfield{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.page{z-index:2;flex-direction:column;gap:16px;width:100%;max-width:440px;animation:.7s cubic-bezier(.22,1,.36,1) both page-in;display:flex;position:relative}@keyframes page-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.card{background:var(--card-shine);-webkit-backdrop-filter:blur(18px)saturate(1.2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow var(--transition), border-color var(--transition), transform var(--transition);padding:36px 28px 28px;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.7;background:linear-gradient(135deg,#ffffff8c,#6366f140,#0ea5e933,#ffffff26);padding:1px;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}html[data-theme=dark] .card:before{opacity:.85;background:linear-gradient(135deg,#a5b4fc59,#6366f126,#22d3ee33,#ffffff0f)}.identity{text-align:center;margin-bottom:28px}.identity h1{letter-spacing:-.03em;background:var(--title-grad);color:#0000;cursor:default;user-select:none;transition:transform var(--transition), filter var(--transition);background-clip:text;font-size:1.75rem;font-weight:700;line-height:1.2}.identity h1:hover{filter:brightness(1.05);transform:scale(1.02)}.identity-accent{opacity:.9;background:linear-gradient(90deg,#6366f1,#22d3ee,#f472b6) 0 0/200% 100%;border-radius:999px;width:48px;height:4px;margin:14px auto 0;animation:5s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{background-position:0%}50%{background-position:100%}}.links{flex-direction:column;gap:10px;display:flex}.link-button{--accent:#6366f1;border-radius:var(--radius-sm);min-height:50px;color:var(--text);background:var(--link-surface);border:1px solid var(--border);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background-color var(--transition);animation:.55s cubic-bezier(.22,1,.36,1) both link-in;animation-delay:calc(var(--i,0) * 55ms + 80ms);align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}@keyframes link-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.link-button:before{content:"";background:radial-gradient(120px 60px at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%);opacity:0;transition:opacity var(--transition);pointer-events:none;position:absolute;inset:0}.link-button:hover{box-shadow:var(--shadow-hover), 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent), 0 8px 24px color-mix(in srgb, var(--accent) 16%, transparent);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-2px)scale(1.01)}.link-button:hover:before{opacity:1}.link-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.link-button:active{transform:translateY(0)scale(.995)}.link-icon-wrap{background:linear-gradient(145deg, var(--accent), color-mix(in srgb, var(--accent) 65%, #000));width:34px;height:34px;box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 35%, transparent);transition:transform var(--transition), box-shadow var(--transition);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.link-button:hover .link-icon-wrap{box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 45%, transparent);transform:scale(1.08)rotate(-3deg)}.link-icon{object-fit:contain;filter:brightness(0)invert();width:16px;height:16px}.link-text{text-align:left;flex:1}.link-chevron{width:16px;height:16px;color:var(--chevron);opacity:.65;transition:transform var(--transition), opacity var(--transition), color var(--transition);flex-shrink:0}.link-button:hover .link-chevron{opacity:1;color:var(--accent);transform:translate(3px)}.link-button[data-tooltip]:after{content:attr(data-tooltip);background:var(--text);color:var(--bg-elevated-solid);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition), transform var(--transition);z-index:5;border-radius:8px;padding:6px 10px;font-size:.75rem;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000026}.link-button[data-tooltip]:hover:after,.link-button[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.connection{background:var(--conn-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--conn-border);border-radius:var(--radius-sm);animation:.7s cubic-bezier(.22,1,.36,1) .12s both page-in;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.connection-toggle{width:100%;color:var(--text-muted);font:inherit;letter-spacing:.01em;cursor:pointer;text-align:left;transition:color var(--transition), background-color var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:.8125rem;font-weight:500;display:flex}.connection-toggle:hover{color:var(--text);background:#7f7f7f12}.connection-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.connection-toggle-label{align-items:center;gap:8px;display:flex}.connection-toggle-icon{opacity:.75;width:14px;height:14px}.connection-live{opacity:0;width:6px;height:6px;transition:opacity var(--transition), transform var(--transition);background:#22c55e;border-radius:50%;transform:scale(.5);box-shadow:0 0 #22c55e73}.connection[open] .connection-live{opacity:1;animation:2s ease-out infinite pulse-dot;transform:scale(1)}@keyframes pulse-dot{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.connection-chevron{width:14px;height:14px;color:var(--chevron);transition:transform var(--transition);flex-shrink:0}.connection[open] .connection-chevron{transform:rotate(180deg)}.connection-panel{border-top:1px solid var(--conn-border);padding:0 16px 14px;animation:.28s both panel-in}.connection-panel[hidden]{display:none}@keyframes panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.connection-grid{grid-template-columns:minmax(88px,34%) 1fr;align-items:baseline;gap:8px 12px;padding-top:12px;font-size:.8125rem;display:grid}.connection-grid dt{color:var(--conn-label);font-weight:500}.connection-grid dd{color:var(--conn-value);font-variant-numeric:tabular-nums;word-break:break-all;margin:0}.connection-status{color:var(--conn-label);padding-top:12px;font-size:.8125rem}.connection-status[data-error=true]{color:#b45309}html[data-theme=dark] .connection-status[data-error=true]{color:#fbbf24}.connection-note{color:var(--conn-label);opacity:.85;margin-top:12px;font-size:.7rem;line-height:1.4}.theme-toggle{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:10;border:1px solid var(--border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);width:42px;height:42px;box-shadow:var(--shadow);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background-color var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.theme-toggle:hover{box-shadow:var(--shadow-hover);border-color:var(--border-strong);transform:scale(1.08)rotate(12deg)}.theme-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.theme-toggle:active{transform:scale(.96)rotate(0)}.theme-toggle img{opacity:.8;width:18px;height:18px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.theme-toggle:hover img{transform:rotate(-20deg)}html[data-theme=dark] .theme-toggle img{filter:invert();opacity:.9}@media (width<=480px){.card{padding:28px 20px 22px}.identity h1{font-size:1.5rem}.link-button{min-height:48px;font-size:.9rem}.connection-grid{grid-template-columns:1fr;gap:2px 0}.connection-grid dd{margin-bottom:8px}.blob{filter:blur(56px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.link-button:hover,.identity h1:hover,.theme-toggle:hover{transform:none}#starfield,.ambiance{display:none}}@supports not (background:color-mix(in srgb, red 50%, blue)){.link-button:hover{box-shadow:var(--shadow-hover)}.link-icon-wrap{background:var(--accent)}}