:root{color-scheme:dark;--muted:#9694aa;--purple:#b1a0ff;--line:rgba(191,181,255,.12)}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{isolation:isolate;min-height:100vh;min-height:100svh;margin:0;background:#090a12;color:#f2f0fb;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}.ambient{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 38%,#30204a44,transparent 65%);pointer-events:none;z-index:-1}#stars{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.star{position:absolute;top:-20px;left:var(--x);width:var(--size);height:var(--size);border-radius:50%;background:var(--color);box-shadow:0 0 9px 2px var(--color);opacity:0;animation:fall var(--duration) linear var(--delay) infinite}@keyframes fall{0%{transform:translate3d(0,-20px,0);opacity:0}10%{opacity:var(--opacity)}90%{opacity:var(--opacity)}100%{transform:translate3d(65px,calc(100vh + 30px),0);opacity:0}}.paused .star{animation-play-state:paused}.page{max-width:1040px;margin:auto;padding:0 36px}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between}.wordmark{color:#f1edf9;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1.2px}.wordmark span{color:var(--purple);padding-left:5px}.top-label{font-size:10px;letter-spacing:2.5px;color:var(--muted);display:flex;gap:20px;align-items:center}.tiny-star{color:var(--purple);font-size:14px}.profile{border:1px solid var(--line);border-radius:23px;overflow:hidden;background:linear-gradient(130deg,rgba(24,23,39,.96),rgba(15,15,25,.96));box-shadow:0 30px 100px #0005}.cover{position:relative;aspect-ratio:3/1;overflow:hidden;background:#0c1320}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#15141f99,transparent 40%)}.cover-label{position:absolute;bottom:20px;right:27px;z-index:1;font-size:9px;letter-spacing:2.7px;color:#d6d4e3}.profile-content{padding:0 43px 27px}.identity{display:flex;align-items:flex-end;justify-content:space-between;margin-top:-49px;position:relative;z-index:2}.avatar-wrap{position:relative}.avatar{width:112px;height:112px;object-fit:cover;border:6px solid #181722;border-radius:50%;display:block;box-shadow:0 4px 20px #0003}.avatar-star{position:absolute;right:0;bottom:7px;background:#b7a4f5;color:#201635;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;border:3px solid #181722}.badge{display:flex;gap:8px;align-items:center;font-size:11px;color:#b9b2ce;background:#b59cfa09;border:1px solid #b59cfa20;border-radius:20px;padding:8px 12px;margin-bottom:8px}.badge>span{width:5px;height:5px;background:#b9a4ff;border-radius:50%;box-shadow:0 0 9px #a58aff}.intro{padding:25px 0 30px}.eyebrow{font-size:9px;letter-spacing:2.7px;color:#a29bad;margin:0 0 13px}h1{font-size:clamp(29px,4.5vw,43px);letter-spacing:-1.7px;line-height:1.2;margin:0 0 17px;font-weight:650}h1 #profile-name{color:#c0b2f8}.name-star{display:inline-block;vertical-align:top;font-size:22px;color:#b7a4f5;margin:2px 0 0 14px}.bio{font-size:14px;line-height:1.85;color:#aaa7bb;margin:0;white-space:pre-line}.divider{border-top:1px solid var(--line);padding:22px 0 17px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#8c869c}.divider>span+span{font-size:17px;line-height:10px}.contacts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact{font:inherit;text-align:left;display:flex;align-items:center;gap:15px;background:#ffffff03;border:1px solid var(--line);border-radius:12px;padding:21px 20px;color:inherit;text-decoration:none;min-width:0;transition:background .2s,border-color .2s,transform .2s}.contact[href],.contact:enabled{cursor:pointer}.contact[href]:hover,.contact:enabled:hover{background:#b49aff0a;border-color:#a58aff70;transform:translateY(-3px)}.contact:disabled{opacity:1}.contact-icon{display:grid;place-items:center;border-radius:11px;width:43px;height:43px;flex-shrink:0;background:#72bcf010;color:#81c2ed}.contact-icon svg{width:22px;height:22px;fill:currentColor}.discord .contact-icon{background:#9a8cef12;color:#b2a1f5}.contact-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.contact-copy strong{font-size:14px;font-weight:550}.contact-copy>span{font-size:12px;color:#8f8b9f;overflow-wrap:anywhere}.arrow{margin-left:auto;color:#8b839e;font-size:20px}.contact-note{text-align:center;color:#716c82;font-size:10px;letter-spacing:.3px;margin:21px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:29px 2px 35px;font-size:10px;color:#777286}footer>span:nth-child(2){display:flex;gap:10px;align-items:center}#motion-toggle{background:transparent;color:#92899f;border:1px solid var(--line);padding:7px 10px;border-radius:7px;font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #b7a4f5;outline-offset:5px}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);padding:12px 20px;border-radius:10px;background:#282137;border:1px solid #6d538c;color:#e8dffb;font-size:13px;opacity:0;transition:.2s;pointer-events:none;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:1500px){.page{padding-top:35px}.topbar{height:125px}}/* Phone and tablet layout */
@media (max-width: 760px) {
  .page { padding: 0 24px; }
  .profile-content { padding-right: 28px; padding-left: 28px; }
  .contacts { grid-template-columns: 1fr; gap: 12px; }
  .contact { min-height: 80px; }
}
@media (max-width: 600px) {
  .page {
    padding: env(safe-area-inset-top, 0px) max(16px, env(safe-area-inset-right, 0px)) 0 max(16px, env(safe-area-inset-left, 0px));
  }
  .topbar { height: 76px; gap: 16px; }
  .wordmark { display: inline-flex; align-items: center; min-height: 44px; }
  .top-label { font-size: 9px; letter-spacing: 1.5px; gap: 10px; }
  .profile { border-radius: 20px; box-shadow: 0 18px 50px #0004; }
  .cover { aspect-ratio: 2.5 / 1; }
  .cover img { object-position: center; }
  .cover-label { display: none; }
  .profile-content { padding: 0 22px 24px; }
  .identity { margin-top: -35px; gap: 12px; }
  .avatar { width: 88px; height: 88px; border-width: 5px; }
  .avatar-star { width: 25px; height: 25px; font-size: 12px; }
  .badge { font-size: 10px; padding: 8px 10px; white-space: nowrap; }
  .intro { padding: 26px 0 28px; }
  .eyebrow { font-size: 9px; letter-spacing: 2px; }
  h1 { font-size: clamp(28px, 7.4vw, 40px); letter-spacing: -1px; overflow-wrap: anywhere; }
  .name-star { font-size: 18px; margin-left: 8px; }
  .bio { font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
  .divider { padding-top: 23px; padding-bottom: 20px; font-size: 10px; }
  .contact { padding: 18px 16px; gap: 14px; border-radius: 14px; }
  .contact-copy { flex: 1; }
  .contact-copy strong { font-size: 15px; }
  .contact-copy > span { font-size: 13px; }
  .contact-icon { width: 44px; height: 44px; }
  .arrow { flex-shrink: 0; }
  .contact-note { margin-top: 20px; font-size: 11px; }
  footer {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 14px 10px;
    padding: 24px 2px max(24px, env(safe-area-inset-bottom, 0px));
    font-size: 10px;
  }
  footer > span { overflow-wrap: anywhere; }
  footer > span:nth-child(2) { justify-content: flex-end; gap: 6px; }
  #motion-toggle { grid-column: 1 / -1; justify-self: center; min-height: 44px; padding: 10px 20px; font-size: 12px; }
  #motion-toggle[hidden] { display: none; }
  #toast { width: max-content; max-width: calc(100% - 32px); bottom: max(20px, env(safe-area-inset-bottom, 0px)); }
  .star:nth-child(n + 37) { display: none; }
}
@media (max-width: 360px) {
  .page { padding-right: max(12px, env(safe-area-inset-right, 0px)); padding-left: max(12px, env(safe-area-inset-left, 0px)); }
  .profile-content { padding-right: 16px; padding-left: 16px; }
  .top-label { font-size: 8px; letter-spacing: 1px; }
  .badge { font-size: 9px; padding: 7px 8px; gap: 6px; }
  .contact { padding: 16px 12px; gap: 12px; }
}
@media (hover: none) {
  .contact[href]:hover, .contact:enabled:hover { transform: none; }
  .contact[href]:active, .contact:enabled:active { background: #b49aff14; border-color: #a58aff70; }
}
@media(prefers-reduced-motion:reduce){.star{animation:none;top:var(--y);opacity:.4}.contact{transition:none}html{scroll-behavior:auto}}