:root,:root[data-mode=dark]{color-scheme:dark;--bg: #0f172a;--card: rgba(22, 24, 32, .92);--card-border: rgba(255, 255, 255, .06);--card-shadow: 0 30px 80px rgba(0, 0, 0, .55);--text: #f8fafc;--muted: #94a3b8;--accent: #818cf8;--accent-text: #ffffff;--surface: #1e2029;--surface-border: rgba(255, 255, 255, .08);--surface-shadow: none;--chip: #262833;--chip-border: rgba(255, 255, 255, .08);--chip-text: #e2e8f0;--avatar-ring: #2a2d38;--popover: #111218;--popover-border: rgba(255, 255, 255, .1);--toggle-bg: rgba(17, 18, 24, .7)}:root[data-mode=light]{color-scheme:light;--bg: #eef0f5;--card: rgba(248, 249, 251, .94);--card-border: rgba(15, 23, 42, .05);--card-shadow: 0 30px 70px rgba(15, 23, 42, .14);--text: #1e293b;--muted: #64748b;--accent: #6366f1;--accent-text: #ffffff;--surface: #f8f9fb;--surface-border: rgba(15, 23, 42, .04);--surface-shadow: 0 8px 24px rgba(15, 23, 42, .07);--chip: #ffffff;--chip-border: rgba(15, 23, 42, .04);--chip-text: #1e293b;--avatar-ring: #ffffff;--popover: #ffffff;--popover-border: rgba(15, 23, 42, .08);--toggle-bg: rgba(255, 255, 255, .8)}.status-online{--status: #23a55a}.status-idle{--status: #f0b232}.status-dnd{--status: #f23f43}.status-offline{--status: #80848e}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}body{min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}button,a{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.theme-toggle{position:fixed;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));z-index:20;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--surface-border);background:var(--toggle-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:20px;cursor:pointer;transition:transform .2s ease,background-color .3s ease}.theme-toggle:hover{transform:rotate(20deg)}.card-stage{position:relative;z-index:1;width:100%;max-width:470px;perspective:1000px}.card{position:relative;border-radius:30px;padding:48px 34px 44px;text-align:center;box-shadow:var(--card-shadow)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--card);border:1px solid var(--card-border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .3s ease}.card-3d{transform-style:preserve-3d;will-change:transform}.card-3d .depth-1{transform:translateZ(30px)}.card-3d .depth-2{transform:translateZ(50px)}.avatar-wrap{position:relative;width:128px;height:128px;margin:0 auto 22px;z-index:10}.card-3d .avatar-wrap{transform-style:preserve-3d}.avatar{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:5px solid var(--avatar-ring);box-shadow:0 10px 30px #00000040}.status-anchor{position:absolute;right:3px;bottom:3px;z-index:5}.status-dot{display:block;width:26px;height:26px;padding:0;border-radius:50%;border:4px solid var(--avatar-ring);background:var(--status);cursor:pointer;transition:transform .2s ease,background-color .3s ease}.status-dot:hover{transform:scale(1.12)}.discord-card{position:absolute;top:100%;left:50%;width:290px;margin-left:-193px;padding-top:10px;text-align:left;animation:pop .16s ease-out}.discord-card:before{content:"";position:absolute;top:10px;right:0;bottom:0;left:0;z-index:-1;border-radius:16px;background:var(--popover);border:1px solid var(--popover-border);box-shadow:0 18px 50px #00000059}.discord-card>*{margin-left:16px;margin-right:16px}.card-3d .discord-card{transform:translateZ(40px)}@keyframes pop{0%{opacity:0;translate:0 -4px}}.discord-head{display:flex;align-items:center;gap:12px;padding-top:16px}.discord-avatar{position:relative;flex:none;width:48px;height:48px;border-radius:50%;background:#5865f2;color:#fff;display:grid;place-items:center;font-size:24px}.discord-avatar img{width:100%;height:100%;border-radius:50%}.mini-dot{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;border-radius:50%;border:3px solid var(--popover);background:var(--status)}.mini-dot.inline{position:static;display:inline-block;width:10px;height:10px;border:0;margin-right:8px}.discord-names{display:flex;flex-direction:column;min-width:0}.discord-names strong{font-size:17px;font-weight:600}.discord-names span{font-size:14px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.discord-status{display:flex;align-items:center;margin-top:12px;margin-bottom:0;font-size:14px;color:var(--muted)}.discord-actions{display:flex;gap:8px;padding:14px 0 16px}.discord-actions>*{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border-radius:10px;border:1px solid var(--chip-border);background:var(--chip);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.discord-actions>*:hover{background:#5865f2;color:#fff}.name{margin:0;font-size:36px;font-weight:700;letter-spacing:-.01em;line-height:1.15}.role{margin:10px 0 0;min-height:1.4em;font-size:19px;font-weight:500;color:var(--accent)}.caret{margin-left:2px;font-weight:400;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.icon-links{display:flex;justify-content:center;gap:12px;margin:20px 0 28px}.icon-btn{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--chip);border:1px solid var(--chip-border);box-shadow:var(--surface-shadow);color:var(--chip-text);font-size:19px;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.icon-btn:hover,.icon-btn:focus-visible{background:var(--accent);color:var(--accent-text);transform:translateY(-2px)}.tip{position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 4px;padding:6px 10px;border-radius:8px;background:var(--popover);border:1px solid var(--popover-border);box-shadow:0 8px 24px #00000040;color:var(--text);font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,translate .15s ease}.icon-btn:hover .tip,.icon-btn:focus-visible .tip,.tip.tip-show{opacity:1;translate:-50% 0}.bio{border-radius:16px;padding:18px 22px;background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--surface-shadow);text-align:left}.bio ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.bio li{position:relative;padding-left:18px;font-size:15px;line-height:1.5;color:var(--text);opacity:.92}.bio li:before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.skills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0;padding:0;list-style:none}.skill{padding:8px 18px;border-radius:999px;background:var(--chip);border:1px solid var(--chip-border);box-shadow:var(--surface-shadow);color:var(--chip-text);font-size:14px;font-weight:600;cursor:default;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.skill:hover,.skill:focus-visible,.skill:active{background:var(--accent);color:var(--accent-text);transform:translateY(-2px)}@media(max-width:520px){.card{padding:40px 22px 36px;border-radius:26px}.avatar-wrap{width:120px;height:120px}.name{font-size:32px}.role{font-size:18px}.bio{padding:16px 18px}.theme-toggle{width:42px;height:42px;font-size:18px}}@media(max-width:520px)and (max-height:760px){#root{padding-top:max(76px,env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
