:root{--bg:#101010;--bg-deep:#070707;--face-top:#565656;--face-bot:#2a2a2a;--face-top-hi:#6e6e6e;--face-bot-hi:#3a3a3a;--edge:#ffffff4d;--edge-low:#0009;--rim:#ffffff1a;--t-loud:#f0f0f0;--t-mid:#b0b0b0;--t-quiet:#8a8a8a;--lx:0;--ly:1;--r:22px;--r-sm:13px;--font:"Manrope", system-ui, "Segoe UI", sans-serif;--col:420px;--brand-pink:#ff7ad9;--brand-violet:#c651e8}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--t-mid);min-height:100dvh;padding:0 24px calc(44px + env(safe-area-inset-bottom));justify-content:center;display:flex;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff13 1px,#0000 1px),linear-gradient(90deg,#ffffff13 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 20%,#000 45%,#0000 92%);mask-image:radial-gradient(at 50% 20%,#000 45%,#0000 92%)}#app{width:100%;max-width:var(--col)}.solid{background:linear-gradient(168deg, var(--face-top) 0%, var(--face-bot) 100%);border:1px solid var(--rim);box-shadow:inset 0 1.5px 0 var(--edge), inset 0 -1.5px 0 var(--edge-low), calc(var(--lx) * 8px) calc(var(--ly) * 16px) 28px #000000d9, calc(var(--lx) * 3px) calc(var(--ly) * 5px) 10px #000000b3;transition:box-shadow .18s,transform .12s}.solid:active{transform:translateY(2px)}.sunken{background:linear-gradient(168deg,#242424 0%,#3a3a3a 100%);box-shadow:inset 0 2px 6px #000c,inset 0 -1.5px #ffffff1a}.row{align-items:center;gap:16px;display:flex}.row .tail{margin-inline-start:auto}button,input,textarea{font-family:inherit}a{color:inherit}:focus-visible{outline-offset:2px;outline:2px solid #ffffff8c}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hero{justify-content:center;padding:56px 0 38px;display:flex}.mark{-webkit-tap-highlight-color:transparent;place-items:center;width:206px;height:250px;display:grid;position:relative}.plate{background:linear-gradient(168deg, var(--face-top) 0%, var(--face-bot) 100%);border:1px solid var(--rim);box-shadow:inset 0 1.5px 0 var(--edge), inset 0 -1.5px 0 var(--edge-low), calc(var(--lx) * 8px) calc(var(--ly) * 16px) 28px #000000d9;border-radius:999px;transition:box-shadow .18s;position:absolute}.plate.p1{width:206px;height:250px}.plate.p2{width:162px;height:198px}.plate.p3{width:122px;height:148px}.avatar{color:#d2d2d2;background:linear-gradient(168deg,#5a5a5a 0%,#343434 100%);border-radius:999px;place-items:center;width:96px;height:96px;font-size:30px;font-weight:800;display:grid;position:absolute;overflow:hidden;box-shadow:0 0 0 3px #ffffff24,0 14px 30px #000000d9}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.wave{opacity:0;pointer-events:none;border:1.5px solid #ffffff4d;border-radius:999px;width:122px;height:148px;position:absolute}.mark.pulse .wave{animation:2s cubic-bezier(.22,.7,.3,1) forwards echo}.mark.pulse .wave.w2{animation-delay:.24s}@keyframes echo{0%{opacity:.7;transform:scale(.75)}to{opacity:0;transform:scale(1.85)}}.person{text-align:center;padding-bottom:42px}.person h1{letter-spacing:-.02em;color:var(--t-loud);font-size:clamp(31px,8vw,37px);font-weight:800;line-height:1.08}.person .bio{color:var(--t-mid);margin-top:13px;font-size:15px;line-height:1.6}.channels{grid-template-columns:1fr 1fr;gap:13px;display:grid}.channel{border-radius:var(--r);color:var(--t-loud);flex-direction:column;gap:15px;padding:19px;font-size:15.5px;font-weight:700;text-decoration:none;display:flex}.channel .val{color:#909090;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12.5px;font-weight:500;display:block;overflow:hidden}.ic{border-radius:var(--r-sm);place-items:center;width:42px;height:42px;display:grid}.ic svg{width:23px;height:23px;display:block}.links{flex-direction:column;gap:9px;margin-top:26px;display:flex}.link-row{border-radius:var(--r-sm);color:var(--t-mid);align-items:center;gap:13px;padding:14px 17px;font-size:14.5px;font-weight:600;text-decoration:none;display:flex}.link-row svg{flex:none;width:18px;height:18px}.save{border-radius:var(--r);background:linear-gradient(168deg, var(--face-top-hi) 0%, var(--face-bot-hi) 100%);color:#fff;cursor:pointer;border:none;width:100%;margin-top:26px;padding:21px;font-size:17px;font-weight:800}.swap{margin-top:56px;padding-bottom:84px}.swap h2{letter-spacing:-.01em;color:var(--t-loud);text-align:center;font-size:19px;font-weight:800}.swap .sub{color:var(--t-quiet);text-align:center;margin-top:10px;font-size:13.5px;line-height:1.55}.swap form{flex-direction:column;gap:13px;margin-top:24px;display:flex}.field{border-radius:var(--r);width:100%;color:var(--t-loud);border:none;padding:19px 21px;font-size:16px;font-weight:600}.field::placeholder{color:#7a7a7a;font-weight:500}.consent{color:var(--t-quiet);align-items:flex-start;gap:12px;padding:4px;font-size:12.5px;line-height:1.5;display:flex}.consent input{accent-color:#9a9a9a;flex:none;width:17px;height:17px;margin-top:2px}.send{border-radius:var(--r);color:var(--t-loud);cursor:pointer;border:none;padding:20px;font-size:16px;font-weight:800}.send[disabled]{opacity:.5;cursor:default}.form-error{color:#e8a0a0;margin-top:4px;font-size:13px;line-height:1.5}.dock{inset-inline:0;z-index:5;padding:12px 24px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 62%, transparent);pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:0}.dock button{pointer-events:auto;width:100%;max-width:var(--col);border-radius:var(--r);color:var(--t-loud);cursor:pointer;border:none;padding:17px;font-size:15.5px;font-weight:800}.dock[hidden]{display:none}.lead{text-align:center;padding:62px 2px 34px}.lead-mark{place-items:center;width:132px;height:160px;margin:0 auto 34px;display:grid;position:relative}.lead-mark .p1{width:132px;height:160px}.lead-mark .p2{width:100px;height:122px}.lead-mark .p3{width:68px;height:84px}.lead h1{letter-spacing:-.02em;color:var(--t-loud);font-size:clamp(29px,7.6vw,35px);font-weight:800;line-height:1.12}.lead-sub{color:var(--t-mid);margin-top:15px;font-size:15.5px;line-height:1.6}.lead-note{color:var(--t-quiet);text-align:center;margin-top:16px;font-size:12.5px}.loading{text-align:center;color:var(--t-quiet);padding:72px 4px;font-size:14px}.app-head{padding:52px 4px 26px}.app-head h1{letter-spacing:-.02em;color:var(--t-loud);font-size:27px;font-weight:800}.app-head p{color:var(--t-quiet);margin-top:8px;font-size:14px}.card-list{flex-direction:column;gap:15px;display:flex}.card-row{border-radius:var(--r);text-align:start;cursor:pointer;width:100%;color:var(--t-loud);-webkit-tap-highlight-color:transparent;align-items:center;gap:17px;padding:19px;display:flex}.card-row .pic{color:#d2d2d2;background:linear-gradient(168deg,#5a5a5a 0%,#343434 100%);border-radius:999px;flex:none;place-items:center;width:62px;height:62px;font-size:19px;font-weight:800;display:grid;overflow:hidden;box-shadow:0 0 0 2.5px #ffffff24,0 8px 18px #000c}.card-row .pic img{object-fit:cover;width:100%;height:100%}.card-row .meta{flex:1;min-width:0}.card-row .label{letter-spacing:-.01em;font-size:17px;font-weight:800;display:block}.card-row .slug{color:#909090;margin-top:3px;font-size:12.5px;display:block}.card-row .dots{gap:6px;margin-top:10px;display:flex}.card-row .dots span{border-radius:6px;place-items:center;width:19px;height:19px;display:grid}.card-row .dots svg{width:11px;height:11px;display:block}.card-row .go{color:#9a9a9a;opacity:.6;font-size:21px}.add-card{border-radius:var(--r);width:100%;color:var(--t-quiet);cursor:pointer;background:0 0;border:1.5px dashed #ffffff29;margin-top:16px;padding:19px;font-size:15px;font-weight:700}.app-nav{flex-wrap:wrap;justify-content:center;gap:22px;margin-top:30px;display:flex}.app-nav a{color:var(--t-quiet);font-size:14px;font-weight:600;text-decoration:none}.as-link{cursor:pointer;color:var(--t-quiet);text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.keep-hint{margin-top:12px}.center-link{text-align:center;margin-top:14px;display:block}.photo-cta{cursor:pointer;margin-top:14px}.skip-link{margin:14px auto 0;display:block}.own-pic-img{object-fit:cover;border:none}.tabs{inset-inline:0;z-index:6;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 68%, transparent);justify-content:center;gap:8px;display:flex;position:fixed;bottom:0}.tabs a{border-radius:var(--r-sm);text-align:center;max-width:130px;color:var(--t-quiet);flex:1;padding:13px 6px;font-size:13.5px;font-weight:700;text-decoration:none}.tabs a.on{color:var(--t-loud);background:linear-gradient(168deg, var(--face-top) 0%, var(--face-bot) 100%);border:1px solid var(--rim);box-shadow:inset 0 1.5px 0 var(--edge), 0 8px 18px #000000b3}.edit-photo{flex-direction:column;align-items:center;gap:12px;padding-bottom:26px;display:flex}.photo-slot{cursor:pointer;color:#d2d2d2;background:linear-gradient(168deg,#5a5a5a 0%,#343434 100%);border-radius:999px;place-items:center;width:118px;height:118px;font-size:34px;font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 3px #ffffff24,0 14px 30px #000000d9}.photo-slot img{object-fit:cover;width:100%;height:100%}.photo-hint{inset-inline:0;text-align:center;color:var(--t-loud);background:#0000009e;padding:7px 4px;font-size:11px;font-weight:700;position:absolute;bottom:0}.edit-label{color:var(--t-quiet);margin:20px 0 8px;font-size:13px;display:block}textarea.field{resize:vertical;line-height:1.5}.save-state{min-height:18px;color:var(--t-quiet);margin-top:10px;font-size:13px}.save-state.ok{color:#8fcb9b}.save-state.bad{color:#e8a0a0}.edit-section{letter-spacing:.04em;text-transform:uppercase;color:var(--t-quiet);margin:34px 0 14px;font-size:15px;font-weight:800}.chan-list{flex-direction:column;gap:11px;display:flex}.chan-row{border-radius:var(--r-sm);align-items:center;gap:14px;padding:14px 16px;display:flex}.chan-text{flex:1;min-width:0}.chan-text b{color:var(--t-loud);font-size:15px;display:block}.chan-text .val{color:#909090;margin-top:2px;font-size:12.5px;display:block}.chan-del{width:34px;height:34px;color:var(--t-mid);cursor:pointer;background:#ffffff12;border:none;border-radius:10px;flex:none;font-size:14px}.chan-add{border-radius:var(--r);flex-direction:column;gap:11px;margin-top:14px;padding:16px;display:flex}.chan-add select.field{appearance:none}.rc-list{flex-direction:column;gap:12px;display:flex}.rc-row{border-radius:var(--r);align-items:center;gap:14px;padding:15px 16px;display:flex}.rc-pic{color:#c4c4c4;border-radius:999px;flex:none;place-items:center;width:46px;height:46px;font-size:15px;font-weight:800;display:grid}.rc-meta{flex:1;min-width:0}.rc-meta b{color:var(--t-loud);font-size:15.5px;display:block}.rc-when{color:#909090;margin-top:2px;font-size:12px;display:block}.rc-act{border-radius:var(--r-sm);flex:none;place-items:center;width:42px;height:42px;display:grid}.rc-act svg{width:21px;height:21px}.danger-btn{border-radius:var(--r);color:#e8a0a0;cursor:pointer;border:none;width:100%;padding:17px;font-size:15px;font-weight:700}.back-bar{border-radius:var(--r-sm);color:var(--t-mid);margin-top:18px;padding:13px 17px;font-size:13.5px;font-weight:700;text-decoration:none;display:block}.card-list,.qr-screen,.app-head~form{padding-bottom:0}body:has(.tabs){padding-bottom:calc(96px + env(safe-area-inset-bottom))}.qr-screen{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:32px 0;display:flex}.qr-label{letter-spacing:.06em;text-transform:uppercase;color:var(--t-quiet);font-size:15px;font-weight:700}.qr-frame{background:#fff;border-radius:26px;padding:18px;box-shadow:0 26px 60px #000000e6,0 0 0 1px #ffffff24}.qr-frame img{width:min(72vw,300px);height:auto;image-rendering:pixelated;display:block}.qr-slug{color:var(--t-loud);font-size:17px;font-weight:800}.qr-actions{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.qr-actions .send{max-width:260px}.app-back{color:var(--t-quiet);font-size:14px;font-weight:600;text-decoration:none}.qr-note{border-radius:var(--r);color:var(--t-mid);margin-top:20px;padding:18px 20px;font-size:14px;line-height:1.55}.done-box{border-radius:var(--r);padding:24px 22px}.done-box h3{color:var(--t-loud);font-size:17px;font-weight:800}.done-box p{margin-top:9px;font-size:14px;line-height:1.55}.done-sent{color:var(--t-loud);font-weight:700}.own{align-items:center;gap:14px;margin-top:20px;display:flex}.own-pic{color:#d2d2d2;background:linear-gradient(168deg,#5a5a5a 0%,#343434 100%);border-radius:999px;flex:none;place-items:center;width:52px;height:52px;font-size:17px;font-weight:800;display:grid;box-shadow:0 0 0 2.5px #ffffff24,0 8px 18px #000c}.own b{color:var(--t-loud);font-size:16px;display:block}.own-sub{color:var(--t-quiet);margin-top:3px;font-size:13px;display:block}.own-label{color:var(--t-quiet);margin-top:22px;font-size:13px;display:block}.uname-row{align-items:center;gap:8px;margin-top:9px;display:flex}.uname-prefix{color:var(--t-quiet);flex:none;font-size:14px}.uname{flex:1;min-width:0;padding:15px 17px;font-size:16px}.uname-state{min-height:18px;color:var(--t-quiet);margin-top:8px;font-size:13px}.uname-state.ok{color:#8fcb9b}.uname-state.bad{color:#e8a0a0}#publish,.own-link{text-align:center;width:100%;margin-top:14px;text-decoration:none;display:block}.own-live{border-radius:var(--r-sm);color:var(--t-loud);text-align:center;background:#ffffff0f;margin-top:18px;padding:14px 16px;font-size:15px;font-weight:700}.ios-hint{padding:14px 0}.keep{border-top:1px solid #ffffff14;margin-top:22px;padding-top:20px}.keep-title{color:var(--t-loud);font-size:15px;font-weight:800}.keep-btn{border-radius:var(--r-sm);width:100%;color:var(--t-loud);cursor:pointer;border:none;margin-top:12px;padding:15px;font-size:14.5px;font-weight:700}.keep-link{border-radius:var(--r-sm);color:var(--t-mid);word-break:break-all;background:#ffffff0f;margin-top:12px;padding:13px 15px;font-size:12px;line-height:1.5}.foot{text-align:center;color:#5e5e5e;margin-top:40px;font-size:12px}.foot b{color:#8a8a8a;font-weight:700}