:root{--bg: #0b0d12;--bg-accent: radial-gradient(1200px 600px at 10% -10%, rgba(88, 101, 242, .35), transparent 60%), radial-gradient(1000px 500px at 110% 10%, rgba(255, 99, 132, .25), transparent 60%), radial-gradient(800px 800px at 50% 120%, rgba(56, 189, 248, .25), transparent 60%);--card: rgba(255, 255, 255, .06);--card-border: rgba(255, 255, 255, .12);--text: #e6e6e6;--muted: #9aa3b2;--accent: #5865f2;--btn: #111318;--btn-hover: #0f1220;--ring: color-mix(in oklab, var(--accent) 50%, #ffffff 0%);--shadow: 0 10px 30px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08)}.theme-light{--bg: #f7f7fb;--bg-accent: radial-gradient(1200px 600px at -10% -10%, rgba(88, 101, 242, .2), transparent 60%), radial-gradient(900px 500px at 110% 10%, rgba(255, 99, 132, .15), transparent 60%), radial-gradient(700px 700px at 50% 120%, rgba(56, 189, 248, .15), transparent 60%);--card: rgba(255, 255, 255, .8);--card-border: rgba(17, 24, 39, .08);--text: #0b0d12;--muted: #525f78;--btn: #fff;--btn-hover: #f2f4f8;--shadow: 0 10px 30px rgba(10, 20, 40, .08), inset 0 1px 0 rgba(255, 255, 255, .35)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--text);background-image:var(--bg-accent);background-attachment:fixed}a,input,span,img,svg,button,p,#name,#tagline{cursor:pointer}#avatar:hover{background-color:var(--accent)}#footer:hover,.theme-toggle span:hover,#socials a:hover,.badge:hover,#links a:hover .meta .badge,#links a:hover,#location:hover,#tagline:hover,#name:hover,#copyUrlBtn:hover{color:var(--accent)}.copy-button{margin-left:5px;--b: 3px;--s: .45em;--color: var(--accent);padding:calc(.5em + var(--s)) calc(.9em + var(--s));color:var(--color);--_p: var(--s);background:conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));transition:.3s linear,color 0s,background-color 0s;outline:var(--b) solid #0000;outline-offset:.6em;font-size:16px;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}.copy-button:hover,.copy-button:focus-visible{--_p: 0px;outline-color:var(--color);outline-offset:.05em}.copy-button:active{background:var(--color);color:#fff}.tooltip-wrapper{position:relative;display:inline-block}.tooltip{visibility:hidden;background:var(--card);color:var(--accent);text-align:center;border-radius:4px;padding:4px 8px;font-size:12px;white-space:nowrap;position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .25s;pointer-events:none}.tooltip-wrapper:hover .tooltip{visibility:visible;opacity:1}.tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--accent) transparent transparent transparent}.page-wrap{min-height:100vh;display:grid;place-items:center;padding:32px 16px}.card{width:100%;max-width:760px;position:relative;background:var(--card);border:1px solid var(--card-border);border-radius:26px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);overflow:hidden}.card .cover{position:absolute;inset:-2px -2px auto;height:180px;z-index:0;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 90%,#000 5%),transparent 60%),radial-gradient(400px 180px at 80% -20%,color-mix(in oklab,var(--accent) 45%,#fff 0%),transparent 60%);filter:blur(30px) saturate(130%);opacity:.45}.content{position:relative;z-index:1;padding:28px}.profile{display:grid;grid-template-columns:88px 1fr auto;gap:16px;align-items:center}.avatar{width:88px;height:88px;border-radius:20px;overflow:hidden;border:2px solid color-mix(in oklab,var(--accent) 50%,transparent 50%)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.name{font-weight:800;font-size:1.5rem;line-height:1.2;color:var(--text)}.tagline{color:var(--muted);font-size:.95rem}.actions{display:flex;gap:8px;align-items:center}.chip{font-size:.8rem;padding:6px 10px;border-radius:999px;background:color-mix(in oklab,var(--accent) 18%,transparent 82%);border:1px solid color-mix(in oklab,var(--accent) 25%,transparent 75%);white-space:nowrap;color:var(--text)}.links{margin-top:18px;display:grid;gap:12px}.link{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;background:var(--btn);border:1px solid var(--card-border);border-radius:16px;padding:10px;text-decoration:none;color:var(--text);position:relative;overflow:hidden}.link:hover{background:var(--btn-hover);border-color:color-mix(in oklab,var(--accent) 35%,var(--card-border))}.link:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.link .icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:color-mix(in oklab,var(--accent) 20%,transparent 80%)}.link .title{font-weight:700}.link .subtitle{font-size:.9rem;color:var(--muted)}.link .meta{display:flex;gap:8px;align-items:center}.badge{font-size:.75rem;padding:4px 8px;border-radius:999px;background:color-mix(in oklab,var(--accent) 20%,transparent 80%);border:1px solid color-mix(in oklab,var(--accent) 25%,transparent 75%);white-space:nowrap}.socials{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}.socials a{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--btn);border:1px solid var(--card-border);color:var(--text);text-decoration:none}.socials a:hover{border-color:color-mix(in oklab,var(--accent) 35%,var(--card-border));background:var(--btn-hover)}.toolbar{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.theme-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.theme-toggle span{color:var(--text)}.theme-toggle input{appearance:none;width:44px;height:26px;background:var(--btn);border:1px solid var(--card-border);border-radius:999px;position:relative;outline:none;transition:background .2s}.theme-toggle input:after{content:"";position:absolute;inset:0 auto 3px 1px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .2s}.theme-toggle input:checked{background:color-mix(in oklab,var(--accent) 30%,var(--btn))}.theme-toggle input:checked:after{transform:translate(18px)}.swatches{display:flex;gap:8px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid #ffffff80;outline:2px solid transparent;cursor:pointer}.swatch[aria-checked=true]{outline-color:var(--accent)}.footer{margin-top:14px;font-size:.85rem;color:var(--muted);text-align:center}.footer a{color:inherit;text-decoration:underline dotted}@media(max-width:768px){.page-wrap{padding:16px 12px}.content{padding:20px}.card{border-radius:20px;max-width:100%}}@media(max-width:640px){.profile{grid-template-columns:72px 1fr;gap:12px}.actions{grid-column:1 / -1;justify-content:flex-start;margin-top:8px;flex-wrap:wrap}.avatar{width:72px;height:72px;border-radius:16px}.name{font-size:1.3rem}.tagline{font-size:.875rem;line-height:1.3}.chip{font-size:.75rem;padding:5px 8px}}@media(max-width:520px){.content{padding:16px}.link{grid-template-columns:40px 1fr auto;gap:10px;padding:8px}.link .icon{width:36px;height:36px}.link .title{font-size:.9rem}.link .subtitle{font-size:.8rem}.badge{font-size:.7rem;padding:3px 6px}.socials a{width:40px;height:40px}.toolbar{flex-direction:column;align-items:stretch;gap:12px}.theme-toggle,.swatches{justify-content:center}.footer{font-size:.8rem}#copyUrlBtn{font-size:.85rem;padding:6px 10px}#copyUrlBtn svg{width:14px;height:14px}}@media(max-width:400px){.page-wrap{padding:12px 8px}.content{padding:12px}.profile{grid-template-columns:64px 1fr;gap:10px}.avatar{width:64px;height:64px}.name{font-size:1.2rem}.tagline{font-size:.8rem}.actions{margin-top:6px}.link{padding:6px;grid-template-columns:36px 1fr;gap:8px}.link .meta{grid-column:2;justify-content:flex-end;margin-top:4px}.link .icon{width:32px;height:32px}.socials{gap:8px}.socials a{width:36px;height:36px}}@media(max-width:320px){.card{border-radius:16px}.content{padding:10px}.name{font-size:1.1rem}.link .title{font-size:.85rem}.link .subtitle{font-size:.75rem}}@media(max-height:500px)and (orientation:landscape){.page-wrap{padding:16px}.card .cover{height:120px}}@media(min-width:768px)and (max-width:1024px){.card{max-width:600px}}@media(min-width:1200px){.card{max-width:800px}.content{padding:32px}}@media(hover:none){.link:hover,.socials a:hover{background:var(--btn);border-color:var(--card-border)}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.avatar img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media(prefers-reduced-motion:reduce){.theme-toggle input:after{transition:none}.link,.socials a{transition:none}}@media(prefers-reduced-motion:no-preference){.link,.socials a,.swatch,.theme-toggle input{transition:all .2s ease}}@media print{.page-wrap{padding:0;background:#fff}.card{box-shadow:none;border:1px solid #ccc;background:#fff;color:#000}.toolbar,.socials{display:none}}.share-button{cursor:pointer;padding:1em;font-size:1em;width:7em;aspect-ratio:1/.25;color:#fff;background:#212121;background-size:cover;background-blend-mode:overlay;border-radius:.5em;outline:.1em solid #353535;border:0;box-shadow:0 0 1em 1em #0000001a;transition:all .3s ease-in-out;position:relative}.share-button:hover{transform:scale(1.1);box-shadow:0 0 1em .45em #0000001a;background:linear-gradient(45deg,#212121,#252525);background:radial-gradient(circle at bottom,#79797980 10%,#212121 70%);outline:0;color:var(--accent)}.share-icon{fill:#fff;width:1em;aspect-ratio:1;top:0;left:0;margin:auto;transform:translate(-35%,-4%)}.share-icon:hover,.share-button:hover .share-icon{fill:var(--accent)}.share-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);z-index:1000;display:none;align-items:flex-start;justify-content:flex-start;overflow-y:auto;animation:fadeIn .3s ease-out}.share-overlay.open{display:flex}body:has(.share-overlay.open){overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-grid{display:flex;flex-wrap:wrap;padding:60px 20px 100px;align-content:flex-start;gap:12px;width:100%;max-width:1200px;margin:0 auto}.share-item{width:calc(20% - 10px);min-width:160px;height:64px;display:flex;align-items:center;gap:12px;padding:0 18px;text-decoration:none;font-size:14px;font-weight:500;color:#fff;backdrop-filter:invert(75%);-webkit-backdrop-filter:invert(75%);border:1px solid rgba(255,255,255,.2);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0000001a,inset 0 1px #fff3;position:relative;overflow:hidden}.share-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.share-item:hover:before{opacity:1}.share-item:hover{background:#fff3;transform:translateY(-4px) scale(1.02);border-color:#ffffff59;box-shadow:0 12px 32px #0003,inset 0 1px #ffffff4d}.share-item:active{transform:translateY(-2px) scale(.98)}.share-item .icon-wrapper{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;position:relative;z-index:1}.share-item:hover .icon-wrapper{transform:scale(1.1) rotate(5deg)}.share-item img{width:20px;height:20px;filter:brightness(0) invert(1);transition:transform .3s ease}.share-item span{text-transform:capitalize;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;z-index:1}.close-overlay{position:fixed;top:24px;right:28px;z-index:1001;width:48px;height:48px;border-radius:50%;background:#ffffff26;backdrop-filter:invert(20px);-webkit-backdrop-filter:invert(20px);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #0000001a,inset 0 1px #fff3;color:#fff;font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.close-overlay:hover{background:#ffffff40;transform:scale(1.05) rotate(90deg);box-shadow:0 8px 24px #00000026,inset 0 1px #ffffff4d}.close-overlay:active{transform:scale(.95) rotate(90deg)}@media(max-width:1024px){.share-item{width:calc(25% - 10px)}}@media(max-width:768px){.share-item{width:calc(33.333% - 10px);min-width:140px}.share-grid{padding:80px 15px}}@media(max-width:480px){.share-item{width:calc(50% - 6px);min-width:unset;height:56px;font-size:13px;padding:0 14px}.share-grid{gap:8px;padding:70px 12px}.close-overlay{top:16px;right:16px}}.share-overlay::-webkit-scrollbar{width:10px}.share-overlay::-webkit-scrollbar-track{background:#ffffff0d}.share-overlay::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.share-overlay::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.share-item .icon-wrapper{background:#ffffff26;border:1px solid rgba(255,255,255,.2)}.switch{font-size:17px;position:relative;display:inline-block;width:4em;height:2.2em;border-radius:30px;box-shadow:0 0 10px #0000001a}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#2a2a2a;transition:.4s;border-radius:30px;overflow:hidden}.slider:before{position:absolute;content:"";height:1.2em;width:1.2em;border-radius:20px;left:.5em;bottom:.5em;transition:.4s;transition-timing-function:cubic-bezier(.81,-.04,.38,1.5);box-shadow:inset 8px -4px #fff}.switch input:checked+.slider{background-color:#00a6ff}.switch input:checked+.slider:before{transform:translate(1.8em);box-shadow:inset 15px -4px 0 15px #ffcf48}.star{background-color:#fff;border-radius:50%;position:absolute;width:5px;transition:all .4s;height:5px}.star_1{left:2.5em;top:.5em}.star_2{left:2.2em;top:1.2em}.star_3{left:3em;top:.9em}.switch input:checked~.slider .star{opacity:0}.cloud{width:3.5em;position:absolute;bottom:-1.4em;left:-1.1em;opacity:0;transition:all .4s}.switch input:checked~.slider .cloud{opacity:1}.share-search-box{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1002;width:100%;max-width:760px;padding:0 20px;box-sizing:border-box}.share-search-box input{width:100%;height:56px;padding:0 22px;border-radius:22px;border:1px solid rgba(255,255,255,.25);outline:none;font-size:15px;font-weight:500;color:#fff;background:#ffffff1a;backdrop-filter:invert(75%);-webkit-backdrop-filter:invert(75%);box-shadow:0 4px 18px #0000001f,inset 0 1px #fff3;transition:all .3s ease}.share-search-box input::placeholder{color:#ffffffbf;font-weight:400}.share-search-box input:hover{background:#ffffff24}.share-search-box input:focus{border-color:#ffffff73;background:#ffffff29;box-shadow:0 8px 28px #0000002e,inset 0 1px #ffffff47}.share-grid{padding:95px 20px 100px}@media(max-width:768px){.share-search-box{top:16px;max-width:92%}.share-search-box input{height:52px;font-size:14px;border-radius:18px;padding:0 18px}.share-grid{padding:88px 15px 80px}}@media(max-width:480px){.share-search-box{top:14px;max-width:calc(100% - 70px);left:12px;transform:none;padding:0}.share-search-box input{height:48px;font-size:14px;border-radius:16px;padding:0 16px}.share-grid{padding:76px 12px 70px}}