@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;background:#0a0a0a;font-family:Rubik,sans-serif}@media (prefers-color-scheme:light){:root{background:#f6f5f0}}html{scroll-behavior:smooth;overflow-x:hidden}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit;-webkit-tap-highlight-color:transparent}.app-shell{--focus-ring:color-mix(in srgb, var(--accent) 68%, var(--text));isolation:isolate;min-height:100svh;color:var(--text);background:radial-gradient(ellipse 95% 62% at 50% 18%, var(--glow) 0%, color-mix(in srgb, var(--glow) 72%, transparent) 35%, transparent 72%), var(--background);transition:background-color .25s,color .25s;position:relative;overflow-x:clip}.noise{z-index:-1;pointer-events:none;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}.content{box-sizing:border-box;flex-direction:column;width:min(100%,480px);min-height:100svh;margin:0 auto;padding:24px 20px 28px;display:flex}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar-actions{gap:8px;display:flex}.circle-button{box-sizing:border-box;border:1px solid var(--border);width:48px;height:48px;color:var(--icon);background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:var(--surface-shadow);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;place-items:center;text-decoration:none;transition:transform .2s,border-color .25s,background-color .25s,color .25s;display:grid}.circle-button svg{width:22px;height:22px}.brand-button svg{width:25px;height:25px}.circle-button:hover{border-color:var(--accent);transform:translateY(-2px)}.circle-button:active{transform:scale(.96)}.theme-icon{animation:.3s icon-change;display:grid}@keyframes icon-change{0%{opacity:0;transform:rotate(-50deg)scale(.7)}to{opacity:1;transform:rotate(0)scale(1)}}.brand-header{text-align:center;flex-direction:column;align-items:center;padding:48px 10px 36px;display:flex}.avatar{border:1px solid var(--border);background:var(--surface);width:104px;height:104px;box-shadow:var(--surface-shadow);border-radius:50%;place-items:center;transition:background-color .25s,border-color .25s;display:grid}.avatar img{object-fit:contain;width:86px;height:86px;display:block}[data-theme=light] footer img{filter:brightness(0)}.brand-header h1{letter-spacing:-.045em;margin:24px 0 0;font-size:clamp(28px,8vw,36px);font-weight:700;line-height:1.08}.brand-header p{color:var(--muted);letter-spacing:.2em;text-transform:uppercase;margin:13px 0 0;font-family:Rubik,sans-serif;font-size:11px;font-weight:600;line-height:1.5;transition:color .25s}.links{gap:14px;display:grid}.link-card{box-sizing:border-box;min-height:68px;color:var(--text);border:1px solid var(--border);background:var(--surface);box-shadow:var(--surface-shadow);opacity:0;animation:.54s cubic-bezier(.22,1,.36,1) forwards link-enter;animation-delay:calc(.18s + var(--delay));border-radius:24px;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;padding:9px 22px;text-decoration:none;transition:transform .2s,border-color .2s,background-color .25s,color .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden}.link-card:hover{z-index:1;border-color:var(--accent);box-shadow:0 8px 24px color-mix(in srgb, var(--background) 55%, transparent);transform:translateY(-2px)}.link-card:active{transform:scale(.98)}@keyframes link-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.link-icon{color:var(--icon);justify-self:start;place-items:center;transition:color .25s;display:grid}.link-icon svg{width:30px;height:30px}.link-copy{text-align:center;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:0 5px;display:flex}.link-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:600;line-height:1.25;overflow:hidden}.link-subtitle{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;transition:color .25s;overflow:hidden}.link-menu{width:38px;height:48px;color:var(--muted);flex-direction:column;justify-content:center;justify-self:end;align-items:flex-end;gap:3px;display:flex}.link-menu i{background:currentColor;border-radius:50%;width:3px;height:3px}footer{justify-content:center;margin-top:auto;padding:54px 0 6px;display:flex}footer a{min-height:48px;color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}footer a:hover{color:var(--accent-text)}footer img{width:22px;height:auto}.toast{z-index:10;color:var(--text);border:1px solid var(--border);background:var(--surface);box-shadow:0 8px 28px color-mix(in srgb, var(--background) 45%, transparent);opacity:0;pointer-events:none;border-radius:999px;padding:11px 18px;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s,color .25s,background-color .25s,border-color .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,14px)}.toast-visible{opacity:1;transform:translate(-50%)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}@media (width>=600px){.content{padding:32px 20px 34px}.brand-header{padding-top:56px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}