.public-profile{background:#fff;min-height:100vh}.share-btn{background:#fff;border:1px solid #ddd;border-radius:99px;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:750;display:flex}.share-btn svg{width:17px}.public-wrap{grid-template-columns:1.12fr .88fr;align-items:center;gap:55px;max-width:1040px;margin:auto;padding:50px 30px 80px;display:grid}.public-cover{color:#fff;background:radial-gradient(circle at 60% 30%,#3f3f3f,#090909 58%);border-radius:30px;place-items:center;height:600px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #0003}.public-cover:after{content:"";border:1px solid #ffffff26;border-radius:50%;width:330px;height:330px;position:absolute;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff05}.public-cover>span{z-index:2;font-size:130px;font-weight:900;position:relative}.public-info h1{letter-spacing:-.05em;margin:0;font-size:36px}.public-handle{color:#888;font-size:14px}.public-bio{color:#555;margin:25px 0;line-height:1.8}.public-avatar{color:#fff;background:#111;border-radius:50%;place-items:center;width:82px;height:82px;margin-bottom:28px;font-size:22px;font-weight:900;display:grid}.public-socials{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.public-socials a{color:#111;border:1px solid #ddd;border-radius:99px;padding:9px 13px;font-size:12px;font-weight:700;text-decoration:none}.public-tip,.public-dm{border:0;border-radius:15px;align-items:center;width:100%;display:flex}.public-tip{color:#fff;background:#090909;padding:16px 18px}.public-tip>b{color:#111;background:#fff;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.public-tip>span{flex-direction:column;flex:1;align-items:flex-start;margin-left:13px;font-weight:800;display:flex}.public-tip small{color:#aaa;margin-top:3px;font-size:11px}.public-dm{background:#f3f3f3;justify-content:center;gap:9px;margin-top:10px;padding:18px;font-weight:750}.tip-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#0009;justify-content:flex-end;display:flex;position:fixed;inset:0}.tip-sheet{background:#fff;width:min(520px,100%);height:100%;padding:50px 42px 35px;position:relative;overflow:auto}.tip-close{background:#fff;border:1px solid #ddd;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:20px;right:22px}.tip-close svg{width:18px}.tip-sheet h2{letter-spacing:-.04em;margin:0;font-size:28px}.tip-muted{color:#777;font-size:14px}.tip-amounts{grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0;display:grid}.tip-amounts button{background:#fff;border:1px solid #ddd;border-radius:11px;height:48px;font-weight:750}.tip-amounts button.active{color:#fff;background:#111;border-color:#111}.tip-sheet label{margin:17px 0;font-size:13px;font-weight:750;display:block}.tip-input{border:1px solid #ddd;border-radius:11px;align-items:center;height:52px;margin-top:8px;padding:0 14px;display:flex}.tip-input input{border:0;outline:0;width:100%;padding-left:8px;font-weight:750}.tip-sheet textarea{resize:none;border:1px solid #ddd;border-radius:11px;width:100%;height:88px;margin-top:8px;padding:13px}.payment-preview{border:1px solid #ddd;border-radius:14px;margin-top:22px;padding:16px}.payment-head{justify-content:space-between;margin-bottom:14px;font-size:13px;display:flex}.payment-head span{background:#f2f2f2;border-radius:99px;padding:5px 8px;font-size:10px}.fake-card-field,.fake-row>div{color:#aaa;border:1px solid #e2e2e2;border-radius:9px;padding:13px;font-size:12px}.fake-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.tip-summary{justify-content:space-between;align-items:center;margin:20px 0;display:flex}.tip-summary span{color:#777;font-size:13px}.tip-summary strong{font-size:24px}.payment-disabled{color:#fff;opacity:.45;background:#111;border:0;border-radius:12px;width:100%;height:55px;font-weight:800}.preview-note{text-align:center;color:#999;font-size:10px;line-height:1.6}@media (max-width:700px){.public-wrap{padding:0 0 50px;display:block}.public-cover{height:310px;box-shadow:none;border-radius:0}.public-cover>span{font-size:85px}.public-info{padding:0 22px}.public-avatar{border:5px solid #fff;margin-top:-42px;position:relative}.tip-overlay{align-items:flex-end}.tip-sheet{border-radius:24px 24px 0 0;height:92%;padding:50px 22px 30px}.tip-amounts{grid-template-columns:1fr 1fr}}.profile-photo{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.public-cover>.profile-photo,.public-avatar>.profile-photo{width:100%;min-width:100%;max-width:none;height:100%;min-height:100%;max-height:none;position:absolute;inset:0}.public-avatar{flex:0 0 82px;position:relative;overflow:hidden}.public-bio{overflow-wrap:anywhere;white-space:pre-wrap}.public-info{min-width:0}.tip-success-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080808d9;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow:hidden}.tip-success-card{z-index:2;text-align:center;background:#fff;border-radius:28px;width:min(460px,100%);padding:36px 34px 32px;animation:.58s cubic-bezier(.16,1,.3,1) gift-card-in;position:relative;box-shadow:0 35px 90px #0008}.tip-success-close{background:#fff;border:1px solid #ddd;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:17px;right:17px}.tip-success-close svg{width:17px}.otoshidama{color:#fff;background:linear-gradient(145deg,#d51e32,#9d0718);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:116px;height:142px;margin:0 auto 26px;animation:1.25s ease-in-out infinite alternate gift-envelope;display:flex;position:relative;box-shadow:0 20px 40px #a4002833}.otoshidama:before{content:"";background:#f8efe0;border-top:2px solid #d7b76c;border-bottom:2px solid #d7b76c;height:31px;position:absolute;top:29px;left:0;right:0}.otoshidama span{z-index:1;color:#b00c20;background:#fff;border:2px solid #d7b76c;border-radius:50%;place-items:center;width:46px;height:46px;font-size:23px;font-weight:950;display:grid;position:relative}.otoshidama b{letter-spacing:.18em;margin-top:18px;font-size:14px}.tip-success-card h2{letter-spacing:-.045em;margin:0 0 12px;font-size:30px}.tip-success-card>p:not(.kicker){color:#666;margin:0;font-size:14px;line-height:1.8}.tip-success-card>p strong{color:#111;margin-top:5px;font-size:24px;display:block}.tip-success-check{color:#276526;background:#f3f7f1;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin:23px 0 0;padding:13px;font-size:12px;font-weight:800;display:flex}.tip-success-check svg{width:17px}.tip-success-back{color:#fff;background:#111;border:0;border-radius:13px;width:100%;height:52px;margin-top:13px;font-weight:850}.gift-rain{pointer-events:none;position:absolute;inset:0}.gift-rain i{color:#4b3600;background:#d7b34e;border:2px solid #f5dc89;border-radius:50%;place-items:center;width:38px;height:38px;font-style:normal;font-weight:950;animation:3.8s linear infinite gift-fall;display:grid;position:absolute;top:-70px;box-shadow:0 6px 18px #0005}.gift-rain i:nth-child(3n){color:#fff;background:#c7192e;border-color:#f3d9a4;border-radius:5px}.gift-rain i:first-child{animation-delay:-.3s;left:4%}.gift-rain i:nth-child(2){animation-delay:-2.1s;left:12%}.gift-rain i:nth-child(3){animation-delay:-1.2s;left:20%}.gift-rain i:nth-child(4){animation-delay:-3.4s;left:29%}.gift-rain i:nth-child(5){animation-delay:-.8s;left:38%}.gift-rain i:nth-child(6){animation-delay:-2.7s;left:46%}.gift-rain i:nth-child(7){animation-delay:-1.7s;left:55%}.gift-rain i:nth-child(8){animation-delay:-3.1s;left:63%}.gift-rain i:nth-child(9){animation-delay:-.5s;left:71%}.gift-rain i:nth-child(10){animation-delay:-2.3s;left:78%}.gift-rain i:nth-child(11){animation-delay:-1.4s;left:85%}.gift-rain i:nth-child(12){animation-delay:-3.5s;left:92%}.gift-rain i:nth-child(13){animation-delay:-2.9s;left:24%}.gift-rain i:nth-child(14){animation-delay:-1s;left:68%}@keyframes gift-card-in{0%{opacity:0;transform:translateY(35px)scale(.9)}to{opacity:1;transform:none}}@keyframes gift-envelope{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-8px)rotate(2deg)}}@keyframes gift-fall{0%{opacity:0;transform:translateY(-80px)rotate(0)}10%{opacity:1}to{opacity:.8;transform:translateY(calc(100vh + 130px))rotate(520deg)}}@media (max-width:600px){.tip-success-card{border-radius:22px;padding:32px 20px 24px}.otoshidama{width:96px;height:120px}.tip-success-card h2{font-size:26px}}@media (prefers-reduced-motion:reduce){.tip-success-card,.otoshidama,.gift-rain i{animation:none}.gift-rain{display:none}}