:root{color:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1b1b1d;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:6px;outline:3px solid #83d6ff}.page{--profile-width:min(100vw, 500px);--profile-height:calc(var(--profile-width) * 383 / 512);isolation:isolate;min-height:max(100vh, calc(var(--profile-height) + 500px));min-height:max(100svh, calc(var(--profile-height) + 500px));background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%20viewBox='0%200%20180%20180'%3e%3cfilter%20id='grain'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.88'%20numOctaves='1'%20stitchTiles='stitch'%20/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%202%20-1.25'%20/%3e%3c/filter%3e%3crect%20width='180'%20height='180'%20filter='url(%23grain)'%20opacity='0.2'%20/%3e%3c/svg%3e"),linear-gradient(#1b1b1b 45%,#141735 60%,#142f8b 70%,#2874d0 78%,#86c7fa 86%,#c8edfc 91%,#82baff 100%);background-size:180px 180px,100% 100%;padding-bottom:56px;position:relative}.toolbar,.content{width:100%;max-width:440px;margin-inline:auto}.toolbar{z-index:2;justify-content:flex-end;padding-inline:17px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.share-button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:background-color .16s;display:grid}.share-button:disabled{opacity:.6;cursor:wait}.content{z-index:1;text-align:center;padding:262px 27px 0;position:relative}.profile{flex-direction:column;align-items:center;display:flex}.profile-visual{height:var(--profile-height);pointer-events:none;position:absolute;inset:0 0 auto;overflow:hidden}.profile-visual:after{content:"";background:linear-gradient(#0000 35%,#1b1b1b1f 55%,#1b1b1b 100%);position:absolute;inset:0}.profile-background{display:none}.profile-image{width:var(--profile-width);object-fit:cover;height:100%;margin-inline:auto;display:block;position:relative}.profile-heading{grid-template-columns:auto 22px;justify-content:center;align-items:center;gap:6px;margin-top:0;display:grid}.profile-heading h1{letter-spacing:.02em;margin:0;font-size:20px;font-weight:800;line-height:24px}.description{letter-spacing:.03em;color:#f5f5f5;margin:12px 0 0;font-size:16px;font-weight:400;line-height:26px}.contact-links{flex-direction:column;gap:16px;margin-top:32px;display:flex}.contact-link{color:#111;letter-spacing:.05em;background:#fff;border-radius:10px;justify-content:center;align-items:center;min-height:57px;padding:16px 20px;font-size:16px;font-weight:600;line-height:25px;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:4px 9px #222}.social-links{justify-content:center;gap:21px;margin-top:36px;display:flex}.social-links a{border-radius:8px;place-items:center;width:44px;height:44px;transition:transform .16s;display:grid}.share-feedback{overflow-wrap:anywhere;margin-top:20px;font-size:14px;line-height:22px}.share-feedback p{margin:0}.share-feedback:has(p:not(:empty)){background:#191b32;border-radius:10px;padding:12px}@media (hover:hover){.share-button:hover{background:#ffffff1f}.contact-link:hover{transform:translateY(-2px);box-shadow:4px 11px #222}.social-links a:hover{transform:translateY(-3px)}}.contact-link:active{transform:translateY(4px);box-shadow:2px 5px #222}.contact-kakao-id{text-underline-offset:2px;text-decoration:underline}.contact-kakao-button{color:#fff;cursor:pointer;background:0 0;border:none}.copy-toast{z-index:10;bottom:calc(24px + env(safe-area-inset-bottom,0px));pointer-events:none;width:max-content;max-width:calc(100% - 32px);position:fixed;left:50%;transform:translate(-50%)}.copy-toast span{color:#fff;text-align:center;background:#242426c0;border-radius:12px;padding:14px 20px;font-size:14px;line-height:22px;display:block;box-shadow:0 4px 20px #00000040}@media (width>500px){.profile-background{object-fit:fill;filter:blur(20px);width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.06)}.profile-image{-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}