/* A quieter profile card and the local demonstration gift flow. */
.member-card-refined{position:relative;isolation:isolate;overflow:hidden;padding:20px 22px 18px!important;background:radial-gradient(circle at 100% 0,#303d728c,transparent 45%),linear-gradient(135deg,#182139,#121724 70%)!important;border:1px solid #879ee275!important;box-shadow:inset 0 1px #ffffff2c,0 14px 32px #02071552!important}
.member-card-refined:before{content:"";position:absolute;z-index:-1;width:195px;height:195px;right:-70px;top:-82px;border:1px solid #b4a1fa2b;border-radius:50%;box-shadow:0 0 0 32px #af93f409,0 0 0 64px #8faeff08}
.member-card-refined .brand{font-size:10px!important;letter-spacing:.18em!important;color:#b8c7ef!important;font-weight:700}
.member-card-refined .brand i{font-style:normal;color:#9d85e9;margin:0 4px}
.member-card-star{font-size:19px;line-height:1;color:#c9a2ff}
.member-card-person{display:flex;align-items:center;gap:12px;margin-top:18px;min-width:0}
.member-card-refined .avatar{width:48px;height:48px;flex:none;box-shadow:0 5px 17px #6c64d950;font-size:21px}
.member-card-refined .member-identity{gap:3px;min-width:0;flex:1}
.member-greeting{font-size:10px;color:#a2afd2}
.member-card-refined .member-identity strong{font-size:18px;color:#fff;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-level{border:1px solid #a8b7ee65;background:#c2ceff13;border-radius:999px;color:#d2ddff;padding:7px 9px;display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:10px}
.member-level .icon{width:13px;height:13px;filter:none}.member-level span{font-size:15px;line-height:10px;margin-left:2px;color:#aebffe}
.member-card-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;border-top:1px solid #a7b9ef38;margin-top:17px;padding-top:14px}
.member-balance small{display:block;color:#adb9d7;font-size:10px;margin-bottom:3px}
.member-balance strong{font-size:28px;line-height:1;color:#f4f6ff;font-weight:750;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.member-balance strong span{font-size:11px;font-weight:600;color:#aab9e0;letter-spacing:0}
.member-balance-link{width:32px;height:32px;display:grid;place-items:center;border:1px solid #a8b7ee66;border-radius:11px;background:#a5b9fc16;color:#c6d4ff;flex:none}
.member-balance-link .icon{width:16px;height:16px;filter:none}

.tip-content{max-width:760px;margin:0 auto;padding-bottom:110px}
.tip-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:12px 0 18px}
.tip-heading .eyebrow{color:#9fb6ff;font-size:10px;letter-spacing:.18em;font-weight:800}
.tip-heading h1{font-size:27px;letter-spacing:-.045em;line-height:1.1;margin:7px 0 6px;color:#f7f8ff}
.tip-heading p{margin:0;color:#a5b0ca;font-size:11px;line-height:1.5}
.tip-heading>button{border:1px solid #748de383;border-radius:999px;background:#869ff61a;color:#dbe5ff;padding:8px 11px;white-space:nowrap;font-size:10px;font-weight:700}
.tip-heading>button span{color:#94b5ff}
.tip-pool{padding:20px;border:1px solid #889ee27a;background:radial-gradient(circle at 93% 3%,#7051c630,transparent 42%),linear-gradient(130deg,#1a233a,#111722);box-shadow:inset 0 1px #ffffff23,0 14px 30px #0307143d}
.tip-pool-top,.tip-pool-main,.tip-pool-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tip-pool-top{font-size:11px;color:#b7c6e8}.tip-pool-top span:first-child{font-weight:800;color:#d6e0ff}.tip-pool-top span:last-child{border:1px solid #a1b3e645;border-radius:20px;padding:5px 9px;font-size:10px}
.tip-pool-main{margin:22px 0 20px;align-items:end}.tip-pool-main small{display:block;font-size:10px;color:#a9b6d3;margin-bottom:5px}.tip-pool-main strong{font-size:29px;line-height:1;letter-spacing:-.05em;color:#f5f7ff;font-variant-numeric:tabular-nums}.tip-pool-main strong em{font-style:normal;font-size:10px;color:#aabce0;letter-spacing:0}.tip-time{text-align:right}.tip-time strong{font-size:26px;color:#b5c8ff}
.tip-pool-foot{border-top:1px solid #99a9d934;padding-top:13px;flex-wrap:wrap;color:#acb9d4;font-size:10px}.tip-pool-foot i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#40d2ae;margin-right:3px;box-shadow:0 0 8px #40d2ae}
.tip-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:25px 2px 12px}.tip-section-title h2{margin:0;color:#f5f7ff;font-size:15px}.tip-section-title>span{color:#96a5c2;font-size:10px}
.tip-gifts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tip-gift{position:relative;min-height:126px;border:1px solid #859bdd64;border-radius:18px;background:linear-gradient(135deg,#ffffff11,#a1b4fa07);color:#f4f6ff;text-align:left;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;box-shadow:inset 0 1px #ffffff18;transition:transform .18s,border-color .18s,background .18s}.tip-gift:active{transform:scale(.985)}.tip-gift.selected{border-color:#b4bfff;background:linear-gradient(135deg,#8798f43b,#9469c327);box-shadow:inset 0 1px #ffffff46,0 0 0 2px #7a95ff1c}.tip-gift-icon{font-size:24px;margin-bottom:3px}.tip-gift strong{font-size:14px}.tip-gift small{font-size:10px;color:#a9b8d6}.tip-gift-check{position:absolute;top:14px;right:14px;width:21px;height:21px;border:1px solid #8da3d578;border-radius:50%;display:grid;place-items:center;color:#bbcbff;font-size:13px}.tip-gift.selected .tip-gift-check{background:#7b91f4;border-color:#b9c6ff;color:#fff}
.tip-form{margin-top:14px;padding:18px;border:1px solid #8296d064;background:linear-gradient(140deg,#ffffff0d,#ffffff04);box-shadow:inset 0 1px #ffffff1a}.tip-form .tip-section-title{margin:0 0 13px}.tip-amounts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.tip-amounts button{min-width:0;min-height:32px;border:1px solid #8a9cc15e;border-radius:9px;background:#ffffff0b;color:#c7d3ec;font-size:10px;font-variant-numeric:tabular-nums}.tip-amounts button.selected{background:#7d91eb33;border-color:#a7b9ff;color:#fff}
.tip-field{display:block;margin-top:16px}.tip-field>span{display:block;margin-bottom:7px;color:#cbd5ea;font-size:11px;font-weight:650}.tip-field>span small{color:#7f8ca8;font-weight:400;margin-left:3px}.tip-field>div{display:flex;align-items:center;min-height:43px;border:1px solid #8da2d364;border-radius:12px;background:#ffffff0a;overflow:hidden}.tip-field input{width:100%;min-width:0;height:42px;border:0!important;outline:0!important;background:transparent!important;color:#f6f8ff!important;padding:0 12px;font-size:16px!important;box-shadow:none!important}.tip-field input::placeholder{color:#7f8ba7}.tip-field b{font-size:10px;color:#aebcda;padding-right:12px;white-space:nowrap}
.tip-checkout{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #93a5d139;padding-top:14px;margin-top:17px;font-size:10px;color:#a9b8d0}.tip-checkout b{color:#f1f5ff;font-size:13px;font-variant-numeric:tabular-nums}.tip-submit{margin-top:15px;min-height:46px;border-radius:13px;font-size:13px;font-weight:750}.tip-disclaimer{color:#8997b2;font-size:10px;line-height:1.45;margin:12px 1px 0}
.tip-frozen{margin:8px 0 0;color:#97a9d0;font-size:10px;line-height:1.4}
.tip-record-title{margin-top:27px}.tip-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border:1px solid #7e92c84c;border-radius:12px;background:#ffffff08}.tip-tabs button{border:0;border-radius:9px;min-height:34px;background:transparent;color:#9da9bf;font-size:11px}.tip-tabs button.active{background:#9aabf323;color:#edf3ff;font-weight:700}.tip-record-list{min-height:98px;padding:0 15px;margin-top:10px;border:1px solid #7c8fb750;background:#ffffff08}.tip-record{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #90a3cf30}.tip-record:last-child{border-bottom:0}.tip-record-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#7c91d829;flex:none;font-size:17px}.tip-record>div{min-width:0;flex:1}.tip-record strong{display:block;font-size:11px;color:#edf1fc}.tip-record strong small{color:#99a9c8;font-weight:500;margin-left:4px}.tip-record>div>span{display:block;font-size:10px;color:#8392aa;margin-top:4px;overflow-wrap:anywhere}.tip-record>b{font-size:10px;color:#a9b8d7;white-space:nowrap}.tip-record>b.tip-won{color:#52dab7}.tip-empty{padding:27px 8px;text-align:center;font-size:11px;color:#8e9bb4;margin:0}.tip-confirm-mark{display:block;font-size:25px;color:#aebeff;margin-bottom:5px}.tip-confirm-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;padding:14px 0;margin:14px 0;color:#b6c2dc;font-size:11px}.tip-confirm-total strong{color:#f3f6ff;font-size:20px}
@media(max-width:899px){.member-card-refined{margin-top:17px!important}.tip-content{padding-left:16px;padding-right:16px}.tip-heading{margin-top:16px}.tip-gift{min-height:119px;padding:15px}.tip-form{padding:16px}}
@media(max-width:360px){.tip-pool{padding:16px}.tip-pool-main strong{font-size:25px}.tip-amounts{grid-template-columns:repeat(3,1fr)}.tip-gifts{gap:7px}.tip-gift{padding:12px}.tip-checkout{flex-direction:column}}
@media(min-width:900px){.member-card-refined{background:radial-gradient(circle at 100% 0,#e7dcff,transparent 43%),linear-gradient(120deg,#faf7ff,#f5f0ff)!important;border-color:#d7c5ef!important;box-shadow:0 20px 44px #694e9b1f!important}.member-card-refined .brand,.member-greeting,.member-balance small{color:#786990!important}.member-card-refined .member-identity strong,.member-balance strong{color:#2a1d3d}.member-level,.member-balance-link{background:#f1e8ff;color:#7542bd;border-color:#d0b8ef}.member-level .icon,.member-balance-link .icon{filter:brightness(0) saturate(100%) invert(35%) sepia(50%) saturate(1438%) hue-rotate(235deg)}.member-card-bottom{border-color:#e1d5ef}.tip-heading h1,.tip-section-title h2{color:#2e2242}.tip-heading p,.tip-section-title>span{color:#786e86}.tip-heading>button,.tip-gift,.tip-form,.tip-record-list{background:#fff;color:#2d2540;border-color:#e2d7f0}.tip-gift.selected{background:#f4edff;border-color:#a47add}.tip-gift strong,.tip-record strong{color:#30233d}.tip-gift-check{color:#7544bd;border-color:#c7a8e5}.tip-gift small,.tip-field>span,.tip-checkout,.tip-record>div>span{color:#80758e}.tip-field>div{background:#faf7fe;border-color:#dfd2ec}.tip-field input{color:#292034!important}.tip-checkout{border-color:#eee4f4}.tip-checkout b{color:#38264c}.tip-tabs{background:#f6f1fa;border-color:#e3d8ec}.tip-tabs button.active{background:#e8d8f8;color:#713bb6}.tip-record>b{color:#625575}.tip-pool{background:radial-gradient(circle at 90% 0,#d9d7ff,#f7f4ff 65%);border-color:#d6c8ef}.tip-pool-top,.tip-pool-main small,.tip-pool-foot{color:#655b76}.tip-pool-top span:first-child,.tip-pool-main strong,.tip-time strong{color:#4f3390}.tip-pool-main strong em{color:#8773a4}.tip-disclaimer{color:#8a7e94}}
@media(min-width:900px){.screen-profile .profile-link{color:#382b49;border-bottom-color:#e9dff0}.screen-profile .profile-group{border-color:#e9dff0}.screen-profile .profile-section h2{color:#746580}.tip-frozen{color:#766990}}