:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#14151a;--bg-image:url(/bg-dark.jpg);--button-bg:#18181db8;--button-hover:#23232ae0;--button-border:#ffffff17;--button-border-hover:#ffffff2e;--text-main:#f4f4f5;--text-muted:#a0a0ab;--text-subtle:#62626e;--modal-bg:#141419f2;--modal-border:#ffffff1f;--modal-input-bg:#ffffff0f;--modal-btn-bg:#f4f4f5;--modal-btn-text:#09090b;--radius-pill:9999px;--radius-card:14px;--transition:.15s cubic-bezier(.16, 1, .3, 1);--color-transition:background-color .2s ease, border-color .2s ease, color .2s ease}[data-theme=light]{--bg-main:#f8f9fa;--bg-image:none;--button-bg:#fff;--button-hover:#f1f3f5;--button-border:#e2e4e8;--button-border-hover:#d1d5db;--text-main:#111113;--text-muted:#6b7280;--text-subtle:#9ca3af;--modal-bg:#fff;--modal-border:#e2e4e8;--modal-input-bg:#f3f4f6;--modal-btn-bg:#111113;--modal-btn-text:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;min-height:100dvh;transition:var(--color-transition)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.page-container{background-color:var(--bg-main);background-image:var(--bg-image);min-height:100dvh;transition:var(--color-transition);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.25rem;display:flex;position:relative}.top-actions{z-index:30;align-items:center;gap:.5rem;display:flex;position:fixed;top:1.25rem;right:1.25rem}.top-icon-btn{background:var(--button-bg);border:1px solid var(--button-border);width:38px;height:38px;color:var(--text-muted);-webkit-backdrop-filter:blur(14px);transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.top-icon-btn:hover{background:var(--button-hover);border-color:var(--button-border-hover);color:var(--text-main)}.main-column{flex-direction:column;align-items:center;width:100%;max-width:420px;margin:auto 0;display:flex}.profile-section{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.75rem;display:flex}.avatar{object-fit:cover;border:1px solid var(--button-border);background:var(--button-bg);border-radius:50%;width:80px;height:80px;box-shadow:0 4px 16px #0003}.profile-handle{color:var(--text-main);letter-spacing:-.02em;text-transform:lowercase;margin-top:.75rem;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.profile-bio{color:var(--text-muted);letter-spacing:-.01em;text-transform:lowercase;margin-top:.2rem;font-size:.88rem;font-weight:400}.links-container{flex-direction:column;gap:.7rem;width:100%;display:flex}.link-pill{border-radius:var(--radius-pill);background:var(--button-bg);border:1px solid var(--button-border);width:100%;min-height:56px;color:var(--text-main);-webkit-backdrop-filter:blur(14px);transition:all var(--transition);align-items:center;padding:.65rem 1.15rem;text-decoration:none;display:flex;box-shadow:0 2px 8px #0000001f}[data-theme=light] .link-pill{box-shadow:0 1px 4px #0000000d}.link-pill:hover{background:var(--button-hover);border-color:var(--button-border-hover);transform:translateY(-1.5px);box-shadow:0 4px 12px #0000002e}.link-pill:active{transform:translateY(0)}.link-icon-slot{width:24px;color:var(--text-main);flex-shrink:0;justify-content:flex-start;align-items:center;display:flex}.link-title{text-align:center;color:var(--text-main);letter-spacing:-.015em;text-transform:lowercase;flex:1;font-size:.9rem;font-weight:600}.link-action-slot{width:24px;color:var(--text-subtle);transition:color var(--transition);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.link-pill:hover .link-action-slot{color:var(--text-main)}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--modal-bg);border:1px solid var(--modal-border);width:100%;max-width:320px;color:var(--text-main);text-align:center;-webkit-backdrop-filter:blur(16px);transition:var(--color-transition);border-radius:18px;flex-direction:column;align-items:center;gap:.85rem;padding:1.75rem 1.5rem 1.5rem;display:flex;position:relative;box-shadow:0 16px 40px #00000059}.modal-close-icon{color:var(--text-muted);width:28px;height:28px;transition:color var(--transition), background var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.85rem;right:.85rem}.modal-close-icon:hover{color:var(--text-main);background:var(--modal-input-bg)}.qr-box{border:1px solid var(--modal-border);background:#fff;border-radius:12px;justify-content:center;align-items:center;margin-top:.25rem;padding:.75rem;display:flex;box-shadow:0 4px 12px #00000026}.modal-copy-row{gap:.5rem;width:100%;margin-top:.25rem;display:flex}.modal-copy-input{background:var(--modal-input-bg);border:1px solid var(--modal-border);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex:1;padding:.5rem .75rem;font-size:.8rem;overflow:hidden}.modal-dialog h3{text-transform:lowercase;letter-spacing:-.015em;font-size:1.05rem;font-weight:650}.modal-dialog p{text-transform:lowercase}.modal-copy-btn{background:var(--modal-btn-bg);color:var(--modal-btn-text);letter-spacing:-.01em;text-transform:lowercase;transition:opacity var(--transition);border-radius:8px;padding:.5rem .85rem;font-size:.8rem;font-weight:600}.modal-copy-btn:hover{opacity:.85}.toast{background:var(--modal-bg);border:1px solid var(--modal-border);color:var(--text-main);letter-spacing:-.01em;text-transform:lowercase;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);z-index:1000;padding:.55rem 1rem;font-size:.82rem;font-weight:500;animation:.2s ease-out toastFade;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}