@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
/* PairPlays redesign — .rd scoped */
.rd{
  --bg:#F7F2EC; --card:#fff; --ink:#221A1D; --ink2:#6B6169; --muted:#A79DA4; --line:#ECE4DB;
  --red:#C41230; --red-deep:#7C0016; --gold:#D4A843; --gold-lt:#F4CE6A;
  --sans:'Inter',-apple-system,system-ui,sans-serif; --serif:'Playfair Display',Georgia,serif;
  --sh-card:0 10px 30px rgba(60,20,30,.07),0 2px 6px rgba(0,0,0,.03);
  --sh-gold:0 10px 22px rgba(196,150,50,.4),inset 0 1px 0 rgba(255,255,255,.55);
}
.rd *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.rd{margin:0;background:var(--bg);font-family:var(--sans);color:var(--ink);padding-bottom:104px}
.rd .wrap{max-width:430px;margin:0 auto}
.rd .eyebrow{font-size:.56rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.rd button, .rd .tap{cursor:pointer;transition:transform .12s ease}
.rd button:active, .rd .tap:active{transform:scale(.965)}
.rd .flame{display:inline-block;transform-origin:center 70%;animation:flicker .8s ease-in-out infinite alternate}
@keyframes flicker{0%{transform:scale(1) rotate(-4deg);filter:drop-shadow(0 0 3px rgba(255,140,30,.5)) brightness(1)}100%{transform:scale(1.16) rotate(4deg);filter:drop-shadow(0 0 9px rgba(255,180,60,.9)) brightness(1.14)}}
.rd .twinkle{display:inline-block;animation:twinkle 2.3s ease-in-out infinite}
@keyframes twinkle{0%,100%{transform:scale(1) rotate(0);opacity:.92}44%{transform:scale(1.24) rotate(20deg);opacity:1}}
.rd .shimmer{position:relative;overflow:hidden}
.rd .shimmer::after{content:"";position:absolute;top:-60%;left:-70%;width:42%;height:220%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:rotate(9deg);animation:sweep 3.6s ease-in-out infinite;pointer-events:none;z-index:5}
@keyframes sweep{0%{left:-70%}58%,100%{left:135%}}
.rd .attn{animation:attn 5s ease-in-out infinite}
@keyframes attn{0%,84%,100%{transform:translateX(0) rotate(0)}86%{transform:translateX(-3px) rotate(-.5deg)}88%{transform:translateX(3px) rotate(.5deg)}90%{transform:translateX(-3px)}92%{transform:translateX(3px)}94%{transform:translateX(-1px)}96%{transform:translateX(0)}}
.rd .pdot{display:inline-block;animation:pdot 1.2s ease-in-out infinite}
@keyframes pdot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}
.rd .campulse{animation:campulse 2s ease-out infinite}
@keyframes campulse{0%{box-shadow:0 0 0 0 rgba(196,18,48,.4)}70%{box-shadow:0 0 0 9px rgba(196,18,48,0)}100%{box-shadow:0 0 0 0 rgba(196,18,48,0)}}
.rd .tickico{display:inline-block;animation:wiggle 1.5s ease-in-out infinite;transform-origin:center}
@keyframes wiggle{0%,100%{transform:rotate(-7deg) scale(1)}50%{transform:rotate(7deg) scale(1.1)}}
@media (prefers-reduced-motion:reduce){.rd *{animation:none!important}}
.rd .top{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px}
.rd .top .who{display:flex;align-items:center;gap:11px}
.rd .top .av{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#f0e2cf,#dcbb87);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--sh-card)}
.rd .top .hi{font-size:.66rem;font-weight:700;color:var(--ink2)}
.rd .top .nm{font-family:var(--serif);font-weight:800;font-size:1.12rem;line-height:1;margin-top:2px}
.rd .pills{display:flex;gap:7px}
.rd .pill{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 11px;font-weight:900;font-size:.82rem;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.rd .pill img{width:17px;height:17px;object-fit:contain}
.rd .pill.flame-p{color:var(--red)}
.rd .pill.xp{color:#B98B1E}
.rd .ask{margin:8px 18px 0;background:#fff;border:1px solid var(--line);border-radius:99px;padding:9px 10px 9px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 22px rgba(60,20,30,.1)}
.rd .ask .sp{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gold-lt),var(--gold));display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;box-shadow:0 2px 7px rgba(212,168,67,.45)}
.rd .ask .txt{flex:1;min-width:0}
.rd .ask .txt b{font-size:.86rem;font-weight:800;display:block;line-height:1.1}
.rd .ask .txt span{font-size:.65rem;color:var(--muted);font-weight:600}
.rd .ask .ic{width:36px;height:36px;border-radius:50%;background:#faf6f1;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.rd .ask .ic.cam{background:linear-gradient(135deg,#fff,#fdeef0);border-color:rgba(196,18,48,.28);color:var(--red)}
.rd .hero{margin:16px 18px 0;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 16px 34px rgba(80,10,25,.24)}
.rd .hero .bg{position:absolute;inset:0;background:#5a0d1e center/cover no-repeat;z-index:0;animation:kenburns 18s ease-in-out infinite alternate}
@keyframes kenburns{0%{transform:scale(1)}100%{transform:scale(1.09)}}
.rd .hero .scrim{position:absolute;inset:0;background:linear-gradient(155deg,rgba(30,4,12,.3) 0%,rgba(60,6,20,.55) 46%,rgba(20,2,8,.9) 100%);z-index:1}
.rd .hero .in{position:relative;z-index:2;padding:20px 20px 18px}
.rd .hero .eyebrow{color:var(--gold-lt)}
.rd .hero .live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff5a5a;margin-right:5px;animation:pdot 1.3s ease-in-out infinite;vertical-align:middle}
.rd .hero h1{font-family:var(--serif);font-weight:900;font-size:2.15rem;line-height:1.02;margin:9px 0 0;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.rd .hero .sub{font-size:.8rem;color:rgba(255,255,255,.82);font-weight:600;margin-top:7px}
.rd .hero .stat{display:flex;gap:9px;margin-top:14px}
.rd .hero .stat .s{background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:8px 12px}
.rd .hero .stat .k{font-size:.5rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.rd .hero .stat .v{font-size:.98rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;margin-top:2px}
.rd .play{margin-top:16px;width:100%;border:none;background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#3a2400;border-radius:15px;padding:16px;font-family:var(--sans);font-weight:900;font-size:1.04rem;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:var(--sh-gold),0 12px 24px rgba(0,0,0,.28);position:relative;overflow:hidden}
.rd .play .top-hi{content:"";position:absolute;top:0;left:0;right:0;height:48%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none}
.rd .chips{display:flex;gap:8px;overflow-x:auto;padding:18px 18px 4px;scrollbar-width:none}
.rd .chips::-webkit-scrollbar{display:none}
.rd .chip2{flex:0 0 auto;border-radius:99px;padding:9px 15px;font-size:.76rem;font-weight:800;border:1px solid var(--line);background:#fff;color:var(--ink2);box-shadow:0 2px 5px rgba(0,0,0,.03)}
.rd .chip2.on{background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;border-color:transparent;box-shadow:0 6px 14px rgba(196,18,48,.3)}
.rd .shead{display:flex;align-items:baseline;justify-content:space-between;margin:24px 18px 13px}
.rd .shead h2{font-family:var(--serif);font-weight:800;font-size:1.32rem;margin:0}
.rd .shead .sub{font-size:.72rem;color:var(--muted);font-weight:600;margin-top:2px}
.rd .shead a{font-size:.72rem;font-weight:800;color:var(--red);text-decoration:none;white-space:nowrap}
.rd .reward{margin:0 18px;background:linear-gradient(135deg,#2a0a12,#160409);border-radius:20px;padding:16px 17px;box-shadow:0 12px 26px rgba(42,10,18,.3);position:relative;overflow:hidden}
.rd .reward .glow{position:absolute;right:-30px;top:-30px;width:130px;height:130px;background:radial-gradient(circle,rgba(212,168,67,.35),transparent 70%);pointer-events:none}
.rd .reward .r1{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.rd .reward .gift{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--gold-lt),var(--gold));display:flex;align-items:center;justify-content:center;font-size:23px;box-shadow:0 4px 12px rgba(212,168,67,.4)}
.rd .reward .rt b{color:#fff;font-size:.96rem;font-weight:900}
.rd .reward .rt span{display:block;color:rgba(255,255,255,.6);font-size:.68rem;font-weight:600;margin-top:1px}
.rd .reward .bar{margin-top:13px;height:9px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;position:relative;z-index:1}
.rd .reward .fill{height:100%;width:71%;border-radius:99px;background:linear-gradient(90deg,var(--gold-lt),var(--gold))}
.rd .reward .dots{display:flex;justify-content:space-between;margin-top:7px;position:relative;z-index:1}
.rd .reward .dots span{font-size:.55rem;font-weight:800;color:rgba(255,255,255,.4)}
.rd .reward .dots span.hit{color:var(--gold-lt)}
.rd .climb{margin:0 18px}
.rd .node{display:flex;align-items:center;gap:15px;position:relative;padding:8px 0}
.rd .node .dot{width:60px;height:60px;border-radius:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.15rem;position:relative;z-index:2}
.rd .node.done .dot{background:linear-gradient(145deg,#efc873,var(--gold));color:#3a2600;box-shadow:0 8px 16px rgba(212,168,67,.34),inset 0 1px 0 rgba(255,255,255,.5)}
.rd .node.now .dot{background:linear-gradient(145deg,#d81f42,var(--red-deep));color:#fff;box-shadow:0 10px 20px rgba(196,18,48,.4),inset 0 1px 0 rgba(255,255,255,.25)}
.rd .node.now .dot::before{content:"";position:absolute;inset:-5px;border-radius:26px;border:2px solid rgba(196,18,48,.4);animation:ring 2s infinite}
@keyframes ring{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.14);opacity:.25}}
.rd .node.lock .dot{background:#efe8e0;color:#c3b8ac;border:1px solid var(--line)}
.rd .node .lvl{flex:1;min-width:0}
.rd .node .lvl .n{font-size:.54rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
.rd .node.now .lvl .n{color:var(--red)}
.rd .node .lvl .nm{font-weight:900;font-size:1.04rem;margin-top:2px}
.rd .node.lock .lvl .nm{color:#b9afa4}
.rd .node .lvl .st{font-size:.64rem;font-weight:700;color:var(--muted);margin-top:3px}
.rd .node .prog{height:5px;border-radius:99px;background:#e9ded1;overflow:hidden;margin-top:7px;max-width:190px}
.rd .node .prog i{display:block;height:100%;border-radius:99px}
.rd .node.done .prog i{width:100%;background:linear-gradient(90deg,#efc873,var(--gold))}
.rd .node.now .prog i{width:42%;background:linear-gradient(90deg,#d81f42,var(--red))}
.rd .node.lock .prog i{width:0}
.rd .node .badge{background:var(--red);color:#fff;font-size:.5rem;font-weight:900;letter-spacing:.06em;padding:3px 8px;border-radius:99px;text-transform:uppercase;flex-shrink:0}
.rd .node .go{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--red);font-weight:900;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.rd .node.lock .go{color:#d0c7bc}
.rd .conn{position:absolute;left:29px;top:60px;width:3px;height:22px;background:repeating-linear-gradient(#e0d5c8 0 5px,transparent 5px 10px);z-index:1}
.rd .wallet{margin:0 18px}
.rd .coupon{position:relative;border-radius:22px;overflow:hidden;padding:20px;background:linear-gradient(135deg,#6b0012 0%,#8B0015 45%,#3a0009 100%);box-shadow:0 16px 34px rgba(90,10,25,.3)}
.rd .coupon .shineball{position:absolute;right:-40px;top:-40px;width:170px;height:170px;background:radial-gradient(circle,rgba(244,206,106,.4),transparent 68%);pointer-events:none}
.rd .coupon .ct{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rd .coupon .eyebrow{color:var(--gold-lt)}
.rd .coupon .amt{font-family:var(--serif);font-weight:900;font-size:2.7rem;color:#fff;line-height:.95;margin-top:6px;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.rd .coupon .amt small{font-size:1.1rem;font-weight:800;font-family:var(--sans)}
.rd .coupon .desc{font-size:.74rem;color:rgba(255,255,255,.72);font-weight:600;margin-top:6px}
.rd .coupon .tick{width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.13);border:1px solid rgba(244,206,106,.45);display:flex;align-items:center;justify-content:center;font-size:36px;flex-shrink:0;backdrop-filter:blur(4px);box-shadow:0 0 18px rgba(244,206,106,.25)}
.rd .coupon .cnt{position:absolute;top:-7px;right:-7px;background:var(--gold);color:#3a2400;font-size:.56rem;font-weight:900;min-width:19px;height:19px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 5px;z-index:2}
.rd .coupon .cb{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:16px}
.rd .coupon .rdy{font-size:.62rem;font-weight:900;color:#8CE0A0;background:rgba(40,140,80,.22);border:1px solid rgba(120,220,160,.35);border-radius:99px;padding:6px 11px;text-transform:uppercase;letter-spacing:.05em}
.rd .coupon .rdy .d{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8CE0A0;margin-right:2px}
.rd .coupon .open{margin-left:auto;background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#3a2400;border:none;border-radius:12px;padding:12px 20px;font-family:var(--sans);font-weight:900;font-size:.86rem;box-shadow:var(--sh-gold)}
.rd .wsmall{display:flex;gap:10px;margin-top:11px}
.rd .wsmall .ws{flex:1;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 13px;box-shadow:var(--sh-card)}
.rd .wsmall .ws .ic{font-size:20px}
.rd .wsmall .ws .t{font-weight:900;font-size:.82rem;margin-top:5px}
.rd .wsmall .ws .d{font-size:.64rem;color:var(--muted);font-weight:600;margin-top:1px}
.rd .shelf{display:flex;gap:13px;overflow-x:auto;padding:0 18px 6px;scrollbar-width:none}
.rd .shelf::-webkit-scrollbar{display:none}
.rd .wc{flex:0 0 168px}
.rd .wc .ph{position:relative;height:176px;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-card)}
.rd .wc .ph img{position:absolute;inset:0;margin:auto;height:160px;width:auto;max-width:88%;object-fit:contain}
.rd .wc .heart{position:absolute;top:9px;right:9px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:14px;backdrop-filter:blur(4px)}
.rd .wc .tag{position:absolute;left:9px;bottom:9px;background:rgba(20,4,10,.72);color:#fff;font-size:.58rem;font-weight:900;padding:4px 8px;border-radius:8px;backdrop-filter:blur(4px)}
.rd .wc .rg{margin-top:9px;font-size:.55rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.rd .wc .nm{font-size:.82rem;font-weight:800;line-height:1.15;margin-top:2px;min-height:2.3em}
.rd .wc .mt{display:flex;align-items:center;justify-content:space-between;margin-top:5px}
.rd .wc .pr{font-weight:900;font-size:.9rem}
.rd .wc .rt{font-size:.66rem;font-weight:800;color:var(--ink2)}
.rd .nav{position:fixed;left:12px;right:12px;bottom:14px;max-width:406px;margin:0 auto;display:flex;
  background:rgba(255,255,255,.55);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,.65);border-radius:28px;padding:8px 6px;
  box-shadow:0 14px 34px rgba(40,10,20,.18),inset 0 1px 0 rgba(255,255,255,.75);z-index:20}
.rd .nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--ink2);font-size:.5rem;font-weight:800;position:relative;padding:6px 0;border-radius:18px;transition:transform .12s}
.rd .nav a:active{transform:scale(.92)}
.rd .nav a img{width:23px;height:23px;object-fit:contain;opacity:.55}
.rd .nav a.on{color:var(--red);background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,240,242,.7));box-shadow:0 2px 8px rgba(196,18,48,.12),inset 0 1px 0 rgba(255,255,255,.9)}
.rd .nav a.on img{opacity:1}
.rd .nav a .bd{position:absolute;top:2px;right:calc(50% - 20px);background:var(--red);color:#fff;font-size:.5rem;min-width:15px;height:15px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-weight:900}

.rd{min-height:100%}
.rd .rd-soundbtn{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line);font-size:16px;box-shadow:0 2px 6px rgba(0,0,0,.04);cursor:pointer}
.rd .rd-xprow{display:flex;align-items:center;gap:7px;margin:6px 18px 0;font-size:.72rem;font-weight:900;color:#B98B1E}
.rd .rd-xprow img{width:16px;height:16px}
.rd .rd-xptrack{flex:1;height:7px;border-radius:99px;background:#e7ddcf;overflow:hidden}
.rd .rd-xptrack>div{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold-lt),var(--gold));width:0%;transition:width .6s ease}
.rd .rd-hide{display:none!important}

/* ===== REDESIGN: WALLET screen (scoped delta) ===== */
.rd .wal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 18px 6px}
.rd .wal-head .eyebrow{color:var(--gold)}
.rd .wal-title{font-family:var(--serif);font-weight:900;font-size:1.74rem;line-height:1;margin:4px 0 0}
.rd .wal-count{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:900;color:#2f7d4e;background:rgba(60,165,95,.13);border:1px solid rgba(95,195,125,.4);border-radius:99px;padding:7px 12px;white-space:nowrap;flex-shrink:0}
.rd .wal-count .d{width:7px;height:7px;border-radius:50%;background:#3fae63}
.rd .wal-code{position:relative;z-index:1;margin-top:15px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px dashed rgba(244,206,106,.5);border-radius:13px;padding:10px 12px;backdrop-filter:blur(4px)}
.rd .wal-ck{font-size:.5rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.rd .wal-cv{font-weight:900;font-size:1.16rem;color:#fff;letter-spacing:.14em;margin-top:2px;font-variant-numeric:tabular-nums}
.rd .wal-copy{margin-left:auto;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);color:#fff;border-radius:10px;padding:9px 13px;font-family:var(--sans);font-weight:900;font-size:.72rem;display:flex;align-items:center;gap:5px;flex-shrink:0}
.rd .wal-link{position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin-top:9px;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(244,206,106,.38);border-radius:12px;padding:10px 12px}
.rd .wal-lk-ic{font-size:16px;flex-shrink:0}
.rd .wal-lk-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}
.rd .wal-lk-txt b{color:var(--gold-lt);font-size:.84rem;font-weight:900}
.rd .wal-lk-txt span{font-size:.61rem;color:rgba(255,255,255,.58);font-weight:600;margin-top:2px}
.rd .wal-lk-go{background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#3a2400;border-radius:99px;padding:8px 15px;font-weight:900;font-size:.72rem;white-space:nowrap;flex-shrink:0;box-shadow:0 3px 9px rgba(212,168,67,.34)}
.rd .wal-urg{position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin-top:14px}
.rd .wal-ring{width:44px;height:44px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--gold) 0deg 300deg,rgba(255,255,255,.15) 300deg 360deg);position:relative}
.rd .wal-ring::before{content:"";position:absolute;inset:4px;border-radius:50%;background:#5c0d1a}
.rd .wal-ring span{position:relative;z-index:1;font-size:18px;line-height:1}
.rd .wal-urgtxt b{color:#fff;font-size:.9rem;font-weight:900;font-variant-numeric:tabular-nums}
.rd .wal-urgtxt span{display:block;color:rgba(255,255,255,.6);font-size:.66rem;font-weight:600;margin-top:1px}
.rd .wal-cta{position:relative;z-index:1;display:flex;gap:10px;margin-top:16px}
.rd .wal-used{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:13px;padding:13px;font-family:var(--sans);font-weight:800;font-size:.82rem}
.rd .wal-shop{flex:1.15;background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#3a2400;border:none;border-radius:13px;padding:13px;font-family:var(--sans);font-weight:900;font-size:.82rem;box-shadow:var(--sh-gold)}
.rd .wal-tracker{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-card);padding:15px 16px 16px}
.rd .wal-tk-eye{font-size:.56rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.rd .wal-steps{display:flex;align-items:flex-start;margin-top:11px}
.rd .wal-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:58px}
.rd .wal-sc{width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;color:#c3b8ac;background:#efe8e0;border:1px solid var(--line)}
.rd .wal-step.done .wal-sc{background:linear-gradient(145deg,#efc873,var(--gold));color:#3a2600;border-color:transparent;box-shadow:0 6px 13px rgba(212,168,67,.32),inset 0 1px 0 rgba(255,255,255,.5)}
.rd .wal-step.now .wal-sc{background:linear-gradient(145deg,#d81f42,var(--red-deep));color:#fff;border-color:transparent;box-shadow:0 8px 16px rgba(196,18,48,.36),inset 0 1px 0 rgba(255,255,255,.25);position:relative}
.rd .wal-step.now .wal-sc::before{content:"";position:absolute;inset:-4px;border-radius:16px;border:2px solid rgba(196,18,48,.4);animation:ring 2s infinite}
.rd .wal-sl{font-size:.62rem;font-weight:800;color:var(--muted)}
.rd .wal-step.done .wal-sl{color:var(--ink2)}
.rd .wal-step.now .wal-sl{color:var(--red)}
.rd .wal-sline{flex:1;height:3px;border-radius:99px;background:#e9ded1;margin:18px 4px 0}
.rd .wal-sline.done{background:linear-gradient(90deg,#efc873,var(--gold))}
.rd .wal-sline.half{background:linear-gradient(90deg,var(--gold) 42%,#e9ded1 42%)}
.rd .wal-list{margin:0 18px;display:flex;flex-direction:column;gap:11px}
.rd .wal-ticket{display:flex;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-card);position:relative}
.rd .wal-tstub{width:78px;flex-shrink:0;border-radius:16px 0 0 16px;background:radial-gradient(130% 90% at 28% 0%,rgba(255,255,255,.24),transparent 55%),linear-gradient(145deg,#8a0016 0%,#5f0011 52%,#360008 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 0 rgba(255,255,255,.22),inset -5px 0 11px rgba(0,0,0,.32),inset 0 -6px 12px rgba(0,0,0,.3);text-shadow:0 1px 3px rgba(0,0,0,.4)}
.rd .wal-ticket.locked .wal-tstub{background:radial-gradient(130% 90% at 28% 0%,rgba(255,255,255,.3),transparent 55%),linear-gradient(145deg,#a7a29d,#726d6a 52%,#514d4a)}
.rd .wal-samt{font-family:var(--serif);font-weight:900;font-size:1.32rem;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.35)}
.rd .wal-soff{font-size:.5rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-lt);margin-top:2px}
.rd .wal-ticket.locked .wal-soff{color:rgba(255,255,255,.75)}
.rd .wal-tstub::before, .rd .wal-tstub::after{content:"";position:absolute;right:-7px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:1px solid var(--line);z-index:2}
.rd .wal-tstub::before{top:0;transform:translateY(-50%)}
.rd .wal-tstub::after{bottom:0;transform:translateY(50%)}
.rd .wal-tbody{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:12px 13px 12px 15px;border-left:2px dashed var(--line);border-radius:0 16px 16px 0}
.rd .wal-ttext{flex:1;min-width:0}
.rd .wal-tname{font-weight:800;font-size:.85rem;line-height:1.2}
.rd .wal-ticket.locked .wal-tname{color:var(--ink2)}
.rd .wal-tmeta{font-size:.64rem;color:var(--muted);font-weight:600;margin-top:3px}
.rd .wal-chip{flex-shrink:0;font-size:.6rem;font-weight:900;padding:8px 12px;border-radius:99px;white-space:nowrap;display:flex;align-items:center;gap:5px;border:1px solid transparent;transition:transform .1s ease,box-shadow .1s ease}
.rd .wal-chip:active{transform:translateY(1px)}
.rd .wal-chip.claim{color:#7a5200;background:linear-gradient(180deg,#fce9ad,#f2ce6f);border-color:#e6bb56;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 3px 7px rgba(212,168,67,.42)}
.rd .wal-chip.lock{color:#6b6169;background:linear-gradient(180deg,#f5f0ea,#e2dcd3);border-color:#d7d0c6;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 4px rgba(0,0,0,.09)}
.rd .wal-chip.deal{color:#8a4f14;background:linear-gradient(180deg,#fbe8cf,#f1d3a2);border-color:#e9c489;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 2px 6px rgba(176,116,38,.3)}
.rd .wal-empty{margin:16px 18px 0;text-align:center;padding:22px 18px;border:1.5px dashed var(--line);border-radius:18px;background:rgba(255,255,255,.42)}
.rd .wal-empty-ic{font-size:26px}
.rd .wal-empty-t{font-family:var(--serif);font-weight:800;font-size:1.02rem;margin-top:7px}
.rd .wal-empty-d{font-size:.72rem;color:var(--muted);font-weight:600;margin-top:4px;line-height:1.35}

/* ===== REDESIGN: STORE screen (scoped delta) ===== */
.rd .st-top{padding:calc(16px + env(safe-area-inset-top)) 18px 4px}
.rd .st-top .eyebrow{color:var(--red)}
.rd .st-top h1{font-family:var(--serif);font-weight:900;font-size:2rem;line-height:1;margin:5px 0 0}
.rd .st-bal{margin:14px 18px 0;position:relative;overflow:hidden;border-radius:22px;padding:19px 20px;background:linear-gradient(135deg,#2a0a12,#4a0e1c 55%,#160409);box-shadow:0 16px 34px rgba(60,10,20,.3);display:flex;align-items:center;justify-content:space-between;gap:14px}
.rd .st-bal-glow{position:absolute;right:-30px;top:-44px;width:180px;height:180px;background:radial-gradient(circle,rgba(212,168,67,.4),transparent 68%);pointer-events:none}
.rd .st-bal-l{position:relative;z-index:1}
.rd .st-bal .eyebrow{color:var(--gold-lt)}
.rd .st-bal-num{font-family:var(--serif);font-weight:900;font-size:2.9rem;color:#fff;line-height:.9;margin-top:8px;text-shadow:0 2px 10px rgba(0,0,0,.25);font-variant-numeric:tabular-nums}
.rd .st-bal-lbl{font-weight:900;font-size:.9rem;color:var(--gold-lt);margin-top:7px}
.rd .st-bal-sub{font-size:.66rem;color:rgba(255,255,255,.6);font-weight:600;margin-top:3px}
.rd .st-coin{position:relative;z-index:1;width:70px;height:70px;border-radius:20px;flex-shrink:0;background:linear-gradient(145deg,var(--gold-lt),var(--gold));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(212,168,67,.45),inset 0 1px 0 rgba(255,255,255,.6)}
.rd .st-coin img{width:40px;height:40px;object-fit:contain}
.rd .st-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 18px}
.rd .st-pack{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#fdf7ee);border:1px solid var(--line);border-radius:18px;padding:27px 14px 14px;box-shadow:var(--sh-card)}
.rd .st-pack.pop{border-color:rgba(212,168,67,.65);box-shadow:0 12px 26px rgba(196,150,50,.24),0 2px 6px rgba(0,0,0,.04)}
.rd .st-pack .gloss{position:absolute;top:0;left:0;right:0;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.7),transparent);pointer-events:none;z-index:1}
.rd .st-pack-h{display:flex;align-items:center;gap:8px;position:relative;z-index:2}
.rd .st-pcoin{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(212,168,67,.45))}
.rd .st-pack .amt{font-family:var(--serif);font-weight:900;font-size:1.72rem;line-height:1;font-variant-numeric:tabular-nums}
.rd .st-punit{font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:5px;position:relative;z-index:2}
.rd .st-buy{margin-top:12px;width:100%;border:none;background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#3a2400;border-radius:12px;padding:11px;font-family:var(--sans);font-weight:900;font-size:.84rem;box-shadow:var(--sh-gold);position:relative;z-index:2}
.rd .st-pop-badge{position:absolute;top:10px;left:14px;z-index:3;background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;font-size:.5rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px;border-radius:99px;box-shadow:0 4px 10px rgba(196,18,48,.3)}
.rd .st-boosts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 18px}
.rd .st-boost{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--sh-card);display:flex;flex-direction:column}
.rd .st-bic{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#faf1e0,#f2d9ac);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.rd .st-bt{font-weight:900;font-size:.92rem;margin-top:11px}
.rd .st-bd{font-size:.64rem;color:var(--muted);font-weight:600;margin-top:2px;line-height:1.3}
.rd .st-brow{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:11px}
.rd .st-bprice{display:flex;align-items:center;gap:4px;font-weight:900;font-size:.82rem;color:#B98B1E}
.rd .st-bprice img{width:15px;height:15px;object-fit:contain}
.rd .st-bget{border:1px solid rgba(212,168,67,.55);background:linear-gradient(180deg,#fffaf0,#f7edda);color:#8a6a12;border-radius:10px;padding:7px 14px;font-family:var(--sans);font-weight:900;font-size:.76rem;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.rd .st-partners{margin:0 18px}
.rd .st-partners .ws{display:flex;align-items:center;gap:11px}
.rd .st-partners .ws .ic{font-size:22px;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#faf3ea,#efe1cf);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rd .st-partners .ws .tx{flex:1;min-width:0}
.rd .st-partners .ws .arrow{color:var(--red);font-weight:900;font-size:1rem;flex-shrink:0}
.rd .st-reward{margin:0 18px;position:relative;overflow:hidden;border-radius:20px;padding:18px;background:linear-gradient(135deg,#6b0012 0%,#8B0015 45%,#3a0009 100%);box-shadow:0 16px 34px rgba(90,10,25,.3)}
.rd .st-rw-link{position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin-top:9px;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(244,206,106,.38);border-radius:12px;padding:10px 12px}
.rd .st-rw-link .ic{font-size:16px;flex-shrink:0}
.rd .st-rw-link .txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}
.rd .st-rw-link .txt b{color:var(--gold-lt);font-size:.84rem;font-weight:900}
.rd .st-rw-link .txt span{font-size:.61rem;color:rgba(255,255,255,.58);font-weight:600;margin-top:2px}
.rd .st-rw-link .go{background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#3a2400;border-radius:99px;padding:8px 15px;font-weight:900;font-size:.72rem;white-space:nowrap;flex-shrink:0;box-shadow:0 3px 9px rgba(212,168,67,.34)}
.rd .st-rw-glow{position:absolute;right:-40px;top:-40px;width:170px;height:170px;background:radial-gradient(circle,rgba(244,206,106,.4),transparent 68%);pointer-events:none}
.rd .st-rw-top{position:relative;z-index:1;display:flex;align-items:center;gap:11px}
.rd .st-rw-tick{width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.13);border:1px solid rgba(244,206,106,.45);display:flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0;backdrop-filter:blur(4px)}
.rd .st-rw-h .eyebrow{color:var(--gold-lt)}
.rd .st-rw-title{color:#fff;font-weight:900;font-size:1rem;margin-top:2px}
.rd .st-rw-code{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:14px;background:rgba(255,255,255,.1);border:1.5px dashed rgba(244,206,106,.6);border-radius:13px;padding:10px 10px 10px 14px}
.rd .st-rw-cc{flex:1;min-width:0}
.rd .st-rw-lbl{display:block;font-size:.5rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.rd .st-rw-val{display:block;font-family:'SF Mono',ui-monospace,Menlo,monospace;font-weight:800;font-size:1.05rem;color:#fff;letter-spacing:.14em;margin-top:2px}
.rd .st-rw-copy{border:none;background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#3a2400;border-radius:10px;padding:10px 16px;font-family:var(--sans);font-weight:900;font-size:.8rem;box-shadow:var(--sh-gold);flex-shrink:0}
.rd .st-rw-note{position:relative;z-index:1;font-size:.64rem;color:rgba(255,255,255,.66);font-weight:600;margin-top:11px}

/* ===== REDESIGN: DAILY screen (scoped delta) ===== */
.rd .dl-topbar{display:flex;align-items:flex-end;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 18px 4px}
.rd .dl-title{font-family:var(--serif);font-weight:900;font-size:2.05rem;line-height:1;margin:5px 0 0}
.rd .dl-date{font-size:.74rem;color:var(--muted);font-weight:600;margin-top:7px}
.rd .dl-earn{margin:0 18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 15px;box-shadow:var(--sh-card);display:flex;align-items:center;gap:13px;position:relative;overflow:hidden}
.rd .dl-earn::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(212,168,67,.18),transparent 70%);pointer-events:none}
.rd .dl-earn .gift{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--gold-lt),var(--gold));display:flex;align-items:center;justify-content:center;font-size:23px;box-shadow:0 4px 12px rgba(212,168,67,.35);flex-shrink:0}
.rd .dl-earn .body{flex:1;min-width:0;position:relative;z-index:1}
.rd .dl-erow{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rd .dl-earn .lbl{font-weight:900;font-size:.92rem}
.rd .dl-guar{display:inline-flex;align-items:center;gap:5px;font-size:.58rem;font-weight:900;color:#2e7d4f;background:rgba(46,125,79,.1);border:1px solid rgba(46,125,79,.28);border-radius:99px;padding:5px 9px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}
.rd .dl-guar .d{width:6px;height:6px;border-radius:50%;background:#2e9e5f;display:inline-block}
.rd .dl-tiles{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}
.rd .dl-tile{display:inline-flex;align-items:center;gap:5px;background:#faf6f1;border:1px solid var(--line);border-radius:99px;padding:5px 10px;font-weight:900;font-size:.71rem}
.rd .dl-tile.xp{color:#B98B1E}
.rd .dl-podium{margin:16px 18px 0;display:flex;align-items:flex-end;gap:10px;justify-content:center}
.rd .dl-pod{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
.rd .dl-crown{font-size:20px;line-height:1;margin-bottom:2px}
.rd .dl-av{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;background:linear-gradient(135deg,#f0e2cf,#dcbb87);box-shadow:var(--sh-card);border:2px solid #fff}
.rd .dl-1 .dl-av{width:64px;height:64px;font-size:32px;border:3px solid var(--gold-lt);box-shadow:0 8px 18px rgba(212,168,67,.42)}
.rd .dl-nm{font-weight:800;font-size:.74rem;margin-top:7px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rd .dl-pp{font-weight:900;font-size:.82rem;color:var(--red);font-variant-numeric:tabular-nums;margin-top:1px}
.rd .dl-pp em{font-style:normal;font-size:.56rem;color:var(--muted);font-weight:800;margin-left:3px}
.rd .dl-ped{margin-top:10px;width:100%;border-radius:15px 15px 0 0;font-family:var(--serif);font-weight:900;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.rd .dl-2 .dl-ped{height:56px;background:linear-gradient(180deg,#cbb8a0,#a68d6a);font-size:1.35rem}
.rd .dl-1 .dl-ped{height:84px;background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#3a2400;font-size:1.8rem}
.rd .dl-3 .dl-ped{height:44px;background:linear-gradient(180deg,#d8a878,#b3794c);font-size:1.25rem}
.rd .dl-list{margin:15px 18px 0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-card);overflow:hidden}
.rd .dl-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid var(--line)}
.rd .dl-row:first-child{border-top:none}
.rd .dl-rank{width:20px;text-align:center;font-weight:900;font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}
.rd .dl-rav{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#f0e2cf,#dcbb87);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.rd .dl-rn{flex:1;min-width:0;font-weight:800;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd .dl-rn small{display:block;font-size:.61rem;color:var(--muted);font-weight:700;margin-top:1px}
.rd .dl-rs{font-weight:900;font-size:.9rem;font-variant-numeric:tabular-nums;flex-shrink:0;color:var(--ink)}
.rd .dl-rs em{font-style:normal;font-size:.6rem;color:var(--muted);font-weight:800;margin-left:3px}
.rd .dl-tagme{display:inline-block;background:var(--red);color:#fff;font-size:.5rem;font-weight:900;letter-spacing:.06em;padding:2px 6px;border-radius:99px;margin-left:6px;vertical-align:middle;text-transform:uppercase}
.rd .dl-you{background:linear-gradient(135deg,rgba(196,18,48,.09),rgba(212,168,67,.16));box-shadow:inset 0 0 0 1.6px rgba(196,18,48,.34);border-top-color:transparent}
.rd .dl-you+.dl-row{border-top-color:transparent}
.rd .dl-you .dl-rank{color:var(--red)}
.rd .dl-you .dl-rav{background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff}
.rd .dl-you .dl-rs{color:var(--red)}
.rd .dl-more{display:block;text-align:center;margin:14px 18px 4px;font-size:.8rem;font-weight:800;color:var(--red);text-decoration:none}

/* ===== REDESIGN: PROFILE screen (scoped delta) ===== */
.rd .pftop{padding-left:18px;padding-right:18px;padding-bottom:6px}
.rd .pftop .eyebrow{color:var(--gold)}
.rd .pfh{font-family:var(--serif);font-weight:900;font-size:1.62rem;margin:3px 0 0;line-height:1}
.rd .pfhead{position:relative;display:flex;align-items:center;gap:15px;margin:12px 18px 0;background:linear-gradient(160deg,#fff,#fbf5ec);border:1px solid var(--line);border-radius:24px;padding:20px 18px;box-shadow:var(--sh-card);overflow:hidden}
.rd .pfhead .pfglow2{position:absolute;left:-30px;bottom:-40px;width:150px;height:150px;background:radial-gradient(circle,rgba(212,168,67,.2),transparent 70%);pointer-events:none}
.rd .pfav{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,#f0e2cf,#dcbb87);display:flex;align-items:center;justify-content:center;font-size:38px;flex-shrink:0;box-shadow:0 8px 18px rgba(180,140,70,.32),inset 0 1px 0 rgba(255,255,255,.6);position:relative;z-index:1}
.rd .pfid{position:relative;z-index:1;min-width:0}
.rd .pfname{font-family:var(--serif);font-weight:900;font-size:1.72rem;margin:0;line-height:1}
.rd .pflvl{font-size:.82rem;font-weight:800;color:var(--red);margin-top:6px}
.rd .pftier{display:flex;align-items:center;gap:7px;font-size:.68rem;font-weight:700;color:var(--muted);margin-top:7px}
.rd .pfbadge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,var(--gold-lt),var(--gold));color:#3a2600;font-size:.58rem;font-weight:900;letter-spacing:.04em;padding:3px 9px;border-radius:99px;box-shadow:0 2px 6px rgba(212,168,67,.42)}
.rd .pfmanage{position:absolute;top:15px;right:15px;z-index:2;background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 14px;font-family:var(--sans);font-weight:800;font-size:.68rem;color:var(--red);box-shadow:0 2px 6px rgba(0,0,0,.05)}
.rd .pfstats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0 18px}
.rd .pfstat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--sh-card)}
.rd .pfstat .si{width:42px;height:42px;border-radius:13px;background:#faf3ea;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.rd .pfstat .si img{width:23px;height:23px;object-fit:contain}
.rd .pfstat .sv{font-weight:900;font-size:1.36rem;line-height:1;font-variant-numeric:tabular-nums}
.rd .pfstat .sl{font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.rd .pfprog{display:flex;align-items:center;gap:12px;margin:0 18px 12px}
.rd .pfbar{flex:1;height:8px;border-radius:99px;background:#e9ded1;overflow:hidden}
.rd .pffill{display:block;height:100%;width:30%;border-radius:99px;background:linear-gradient(90deg,var(--gold-lt),var(--gold))}
.rd .pfprog b{font-size:.72rem;font-weight:900;color:var(--ink2);font-variant-numeric:tabular-nums}
.rd .pfcells{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 18px}
.rd .pfcell{position:relative;border-radius:15px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-card);aspect-ratio:1/1.12}
.rd .pfcell img{position:absolute;inset:0;margin:auto;height:74%;width:auto;max-width:80%;object-fit:contain}
.rd .pfcell.lock{background:#f4ede4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#bcae9f}
.rd .pfcell.lock .lk{font-size:19px}
.rd .pfcell.lock .lc{font-size:.56rem;font-weight:900;letter-spacing:.02em}
.rd .pfref{position:relative;overflow:hidden;margin:0 18px;border-radius:22px;padding:20px;background:linear-gradient(135deg,#2a0a12,#160409);box-shadow:0 14px 30px rgba(42,10,18,.32)}
.rd .pfref .pfglow{position:absolute;right:-30px;top:-30px;width:150px;height:150px;background:radial-gradient(circle,rgba(212,168,67,.34),transparent 70%);pointer-events:none}
.rd .pfr-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rd .pfr-top .eyebrow{color:var(--gold-lt)}
.rd .pfr-h{font-family:var(--serif);font-weight:800;font-size:1.32rem;color:#fff;line-height:1.16;margin-top:8px}
.rd .pfr-h b{color:var(--gold-lt)}
.rd .pfr-sub{font-size:.72rem;color:rgba(255,255,255,.68);font-weight:600;margin-top:8px;max-width:235px}
.rd .pfr-sub em{color:rgba(255,255,255,.92);font-style:normal;font-weight:800}
.rd .pfr-ic{width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.12);border:1px solid rgba(244,206,106,.42);display:flex;align-items:center;justify-content:center;font-size:29px;flex-shrink:0;backdrop-filter:blur(4px);box-shadow:0 0 16px rgba(244,206,106,.25)}
.rd .pfr-code{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:16px}
.rd .pfr-codebox{flex:1;display:flex;flex-direction:column;background:rgba(255,255,255,.1);border:1px dashed rgba(244,206,106,.5);border-radius:13px;padding:9px 14px}
.rd .pfr-cl{font-size:.52rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.rd .pfr-cc{font-family:var(--serif);font-weight:900;font-size:1.18rem;color:#fff;letter-spacing:.06em;margin-top:2px}
.rd .pfr-copy{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:12px;padding:12px 17px;font-family:var(--sans);font-weight:900;font-size:.78rem}
.rd .pfr-share{margin-top:15px;width:100%;border:none;background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#3a2400;border-radius:14px;padding:15px;font-family:var(--sans);font-weight:900;font-size:.98rem;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--sh-gold),0 10px 20px rgba(0,0,0,.22);position:relative;z-index:1}
.rd .pfset{margin:0 18px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--sh-card)}
.rd .pfrow{display:flex;align-items:center;gap:14px;padding:15px 17px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.rd .pfrow:last-child{border-bottom:none}
.rd .pfrow .ri{width:38px;height:38px;border-radius:12px;background:#faf3ea;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.rd .pfrow .rt{flex:1;min-width:0}
.rd .pfrow .rl{font-weight:700;font-size:.9rem}
.rd .pfrow .rdsc{font-size:.64rem;color:var(--muted);font-weight:600;margin-top:2px}
.rd .pfrow .rc{color:#cabfb4;font-weight:900;font-size:1.15rem;flex-shrink:0;line-height:1}
.rd .pfrow.out{border-top:none}
.rd .pfrow.out .rl{color:var(--red)}
.rd .pfrow.out .ri{background:#fdeef0;color:var(--red)}
.rd .pf-grp{margin:22px 18px 9px;font-size:.6rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.rd .pfrow .rv{font-size:.74rem;font-weight:800;color:var(--muted);flex-shrink:0}
.rd .pfrow .ri i{display:block;width:21px;height:21px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.rd .pfrow .ri.red{background:#fbe9ec;color:var(--red)}
.rd .pfrow .ri.gold{background:#fbf1d8;color:#a97f1e}
.rd .pfrow .ri.green{background:#e7f4ec;color:#2e7d4f}
.rd .pfrow .ri.blue{background:#e9eff8;color:#2f5c9e}
.rd .pfrow .ri.grey{background:#efeae4;color:#6b6169}

/* ===== REDESIGN: manage (scoped delta) ===== */
.rd .rc{color:#cabfb4;font-weight:900;font-size:1.15rem;flex-shrink:0;line-height:1}
.rd .mg-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:rgba(247,242,236,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.rd .mg-back{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--line);font-size:22px;font-weight:900;color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-card);line-height:1;padding:0 3px 2px 0}
.rd .mg-title{font-family:var(--serif);font-weight:800;font-size:1.16rem}
.rd .mg-save{background:none;border:none;color:var(--red);font-weight:900;font-size:.92rem;padding:8px 6px}
.rd .mg-avwrap{display:flex;flex-direction:column;align-items:center;gap:9px;padding:20px 0 4px}
.rd .mg-av{position:relative;width:96px;height:96px;border-radius:30px;background:linear-gradient(135deg,#f0e2cf,#dcbb87);display:flex;align-items:center;justify-content:center;font-size:46px;box-shadow:0 10px 24px rgba(60,20,30,.14)}
.rd .mg-avedit{position:absolute;right:-4px;bottom:-4px;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,var(--gold-lt),var(--gold));border:2.5px solid var(--bg);font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 9px rgba(212,168,67,.4);padding:0}
.rd .mg-avlink{background:none;border:none;color:var(--red);font-weight:800;font-size:.8rem}
.rd .mg-card{margin:0 18px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-card);overflow:hidden}
.rd .mg-field{display:block;padding:13px 16px;border-bottom:1px solid var(--line)}
.rd .mg-field:last-child{border-bottom:none}
.rd .mg-lbl{display:block;font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.rd .mg-opt{color:#c3b8ac;letter-spacing:0;text-transform:none;font-weight:700}
.rd .mg-input{width:100%;border:none;outline:none;background:none;font-family:var(--sans);font-size:1rem;font-weight:700;color:var(--ink);padding:0}
.rd .mg-input::placeholder{color:#c3b8ac;font-weight:600}
.rd .mg-inrow{display:flex;align-items:center;gap:4px}
.rd .mg-pre{font-size:1rem;font-weight:800;color:var(--muted)}
.rd .mg-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.rd .mg-row:last-child{border-bottom:none}
.rd .mg-rl{flex:1;min-width:0;display:flex;flex-direction:column}
.rd .mg-rk{font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rd .mg-rv{font-size:.92rem;font-weight:700;margin-top:3px;display:flex;align-items:center}
.rd .mg-verif{font-size:.58rem;font-weight:900;color:#2e7d4f;background:rgba(46,125,79,.12);border-radius:99px;padding:2px 7px;margin-left:6px}
.rd .mg-chg{color:var(--red);font-weight:900;font-size:.8rem;flex-shrink:0}
.rd .mg-lock{color:#c3b8ac;flex-shrink:0;font-size:14px}
.rd .mg-chips{display:flex;flex-wrap:wrap;gap:7px}
.rd .mg-chip{border-radius:99px;padding:8px 13px;font-size:.76rem;font-weight:800;border:1px solid var(--line);background:#faf7f3;color:var(--ink2)}
.rd .mg-chip.on{background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;border-color:transparent;box-shadow:0 5px 12px rgba(196,18,48,.28)}
.rd .mg-member{margin:0 18px;display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,#2a0a12,#160409);border-radius:18px;padding:15px 16px;box-shadow:0 10px 24px rgba(42,10,18,.28);text-decoration:none}
.rd .mg-mic{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--gold-lt),var(--gold));display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 3px 10px rgba(212,168,67,.4)}
.rd .mg-mt{flex:1;min-width:0}
.rd .mg-mt b{color:#fff;font-size:.96rem;font-weight:900}
.rd .mg-mt span{display:block;color:rgba(255,255,255,.6);font-size:.66rem;font-weight:600;margin-top:1px}
.rd .mg-member .rc{color:var(--gold-lt)}
.rd .mg-savebar{position:fixed;left:0;right:0;bottom:0;max-width:430px;margin:0 auto;padding:12px 18px calc(14px + env(safe-area-inset-bottom));background:rgba(247,242,236,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:20}
.rd .mg-savebtn{width:100%;border:none;background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#3a2400;border-radius:14px;padding:15px;font-family:var(--sans);font-weight:900;font-size:1.02rem;box-shadow:var(--sh-gold),0 10px 22px rgba(0,0,0,.16);position:relative;overflow:hidden}

/* ===== REDESIGN: set-account (scoped delta) ===== */
.rd .mg-trow{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}
.rd .mg-trow:last-child{border-bottom:none}
.rd .mg-trow .tl{flex:1;min-width:0}
.rd .mg-trow .tl b{font-weight:800;font-size:.92rem;display:block}
.rd .mg-trow .tl span{font-size:.66rem;color:var(--muted);font-weight:600;margin-top:2px;display:block}
.rd .tog{position:relative;width:46px;height:28px;border-radius:99px;background:#e0dbd2;flex-shrink:0;display:inline-block;vertical-align:middle;transition:background .2s;box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.rd .tog::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.25);transition:transform .2s}
.rd .tog.on{background:linear-gradient(180deg,#5cc47e,#2e9e5f)}
.rd .tog.on::after{transform:translateX(18px)}
.rd .as-brand{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:900;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.06);line-height:1}
.rd .as-apple{background:linear-gradient(180deg,#2b2b2e,#111);color:#fff;padding-bottom:2px}
.rd .as-google{background:#fff;border:1px solid var(--line);color:#4285F4;font-family:var(--serif);font-size:18px}
.rd .as-conn{font-size:.72rem;font-weight:900;color:var(--muted);flex-shrink:0;display:flex;align-items:center;gap:5px}
.rd .as-conn .d{width:6px;height:6px;border-radius:50%;background:#c3b9b0;display:inline-block}
.rd .as-dtitle{font-size:.94rem;font-weight:900;color:var(--red)}
.rd .as-dsub{font-size:.65rem;font-weight:600;color:var(--muted);margin-top:3px}
.rd .as-drc{color:var(--red);opacity:.5}
.rd .as-note{margin:11px 22px 4px;font-size:.65rem;line-height:1.55;color:var(--muted);font-weight:600}

/* ===== REDESIGN: set-membership (scoped delta) ===== */
.rd .mb-hero{margin:18px 18px 4px;position:relative;overflow:hidden;border-radius:22px;padding:22px 20px;background:linear-gradient(135deg,#2a0a12,#160409);box-shadow:0 16px 34px rgba(42,10,18,.32)}
.rd .mb-glow{position:absolute;right:-40px;top:-44px;width:180px;height:180px;background:radial-gradient(circle,rgba(212,168,67,.42),transparent 68%);pointer-events:none}
.rd .mb-htop{position:relative;z-index:1;display:flex;align-items:center;gap:14px}
.rd .mb-crown{width:58px;height:58px;border-radius:17px;background:linear-gradient(135deg,var(--gold-lt),var(--gold));display:flex;align-items:center;justify-content:center;font-size:29px;flex-shrink:0;box-shadow:0 6px 16px rgba(212,168,67,.45),inset 0 1px 0 rgba(255,255,255,.5)}
.rd .mb-he{font-size:.56rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-lt)}
.rd .mb-hn{font-family:var(--serif);font-weight:900;font-size:1.72rem;color:#fff;line-height:1.04;margin-top:5px;text-shadow:0 2px 10px rgba(0,0,0,.25)}
.rd .mb-hrow{position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin-top:15px;flex-wrap:wrap}
.rd .mb-active{display:inline-flex;align-items:center;gap:6px;font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#8CE0A0;background:rgba(40,140,80,.22);border:1px solid rgba(120,220,160,.35);border-radius:99px;padding:6px 12px}
.rd .mb-active .d{width:6px;height:6px;border-radius:50%;background:#8CE0A0}
.rd .mb-since{color:rgba(255,255,255,.6);font-size:.68rem;font-weight:600}
.rd .mb-ben{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}
.rd .mb-ben:last-child{border-bottom:none}
.rd .mb-ck{width:27px;height:27px;border-radius:50%;background:rgba(46,125,79,.12);color:#2e7d4f;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex-shrink:0}
.rd .mb-bl{flex:1;min-width:0}
.rd .mb-bl b{display:block;font-size:.9rem;font-weight:800;line-height:1.15}
.rd .mb-bl span{display:block;font-size:.68rem;color:var(--muted);font-weight:600;margin-top:2px}

/* ===== REDESIGN: set-notifications (scoped delta) ===== */
.rd .nt-note{margin:9px 20px 0;font-size:.68rem;line-height:1.5;color:var(--muted);font-weight:600}
.rd .nt-time{font-variant-numeric:tabular-nums;letter-spacing:.01em}

/* ===== REDESIGN: set-sound (scoped delta) ===== */
.rd .snd-lbl0{margin-bottom:0}
.rd .snd-vhead{display:flex;align-items:baseline;justify-content:space-between}
.rd .snd-pct{font-size:.86rem;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.rd .snd-vol{display:flex;align-items:center;gap:12px;margin-top:11px;padding:3px 0}
.rd .snd-ic{font-size:14px;flex-shrink:0;filter:grayscale(.15);opacity:.6}
.rd .snd-track{position:relative;flex:1;height:8px;border-radius:99px;background:#efe8e0;box-shadow:inset 0 1px 2px rgba(60,20,30,.08)}
.rd .snd-fill{position:absolute;left:0;top:0;bottom:0;width:70%;border-radius:99px;background:linear-gradient(90deg,var(--gold-lt),var(--gold))}
.rd .snd-knob{position:absolute;top:50%;left:70%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid rgba(212,168,67,.55);box-shadow:0 3px 9px rgba(60,20,30,.22),inset 0 1px 0 rgba(255,255,255,.9)}
.rd .snd-center{text-align:center}
.rd .snd-preview{display:inline-flex;align-items:center;gap:8px;background:#faf7f3;border:1px solid var(--line);border-radius:99px;padding:10px 18px;font-family:var(--sans);font-weight:800;font-size:.82rem;color:var(--ink2);box-shadow:0 2px 5px rgba(0,0,0,.03)}
.rd .snd-preview .pv-ic{color:var(--red);font-size:.72rem}
.rd .snd-note{margin:13px 22px 0;font-size:.68rem;font-weight:600;color:var(--muted);line-height:1.4}

/* ===== REDESIGN: set-language (scoped delta) ===== */
.rd .lg-row{display:flex;align-items:center;gap:13px;padding:12px 16px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.rd .lg-row:last-child{border-bottom:none}
.rd .lg-flag{width:40px;height:40px;border-radius:12px;background:#faf7f3;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;flex-shrink:0}
.rd .lg-tx{flex:1;min-width:0}
.rd .lg-nm{font-size:.94rem;font-weight:800;line-height:1.15}
.rd .lg-nt{font-size:.66rem;font-weight:600;color:var(--muted);margin-top:2px}
.rd .lg-row.on{background:linear-gradient(90deg,rgba(244,206,106,.12),rgba(196,18,48,.03))}
.rd .lg-row.on .lg-nm{color:var(--red-deep)}
.rd .lg-row.on .lg-flag{border-color:rgba(212,168,67,.55);box-shadow:0 2px 8px rgba(212,168,67,.22)}
.rd .lg-check{width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,var(--gold-lt),var(--gold));color:var(--red-deep);display:flex;align-items:center;justify-content:center;font-size:.86rem;font-weight:900;flex-shrink:0;box-shadow:0 3px 9px rgba(212,168,67,.42),inset 0 1px 0 rgba(255,255,255,.5)}
.rd .lg-note{margin:13px 22px 4px;font-size:.72rem;font-weight:600;color:var(--muted);text-align:center;line-height:1.5}

/* ===== REDESIGN: set-support (scoped delta) ===== */
.rd .hs-sp{width:38px;height:38px;flex-shrink:0}
.rd .hs-search{margin:16px 18px 6px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:12px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 8px 22px rgba(60,20,30,.1)}
.rd .hs-search .mag{font-size:15px;color:var(--muted);flex-shrink:0;line-height:1}
.rd .hs-search input{flex:1;min-width:0;border:none;outline:none;background:none;font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--ink)}
.rd .hs-search input::placeholder{color:var(--muted);font-weight:600}
.rd .hs-ic{width:38px;height:38px;border-radius:12px;background:#faf6f1;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.rd .hs-rt{font-size:.92rem;font-weight:800;color:var(--ink);line-height:1.2}
.rd .hs-emailwrap{padding:16px;border-bottom:1px solid var(--line)}
.rd .hs-email{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;background:linear-gradient(180deg,var(--gold-lt),var(--gold));color:#3a2400;border-radius:13px;padding:14px;font-family:var(--sans);font-weight:900;font-size:.96rem;box-shadow:var(--sh-gold);text-decoration:none}
.rd .hs-emailsub{text-align:center;font-size:.68rem;color:var(--muted);font-weight:600;margin-top:10px}
.rd .hs-foot{text-align:center;padding:24px 18px 10px;font-size:.72rem;color:var(--muted);font-weight:600;line-height:1.8}
.rd .hs-foot .ver{display:block}
.rd .hs-link{color:var(--red);font-weight:800;text-decoration:none}

/* ===== REDESIGN: set-responsible (scoped delta) ===== */
.rd .dr-sp{width:38px;height:38px;flex-shrink:0}
.rd .dr-hero{margin:18px 18px 4px;background:linear-gradient(180deg,#ffffff,#fbf5ec);border:1px solid var(--line);border-radius:24px;padding:26px 22px 24px;text-align:center;box-shadow:var(--sh-card)}
.rd .dr-shield{width:68px;height:68px;margin:0 auto 15px;border-radius:22px;background:linear-gradient(135deg,var(--gold-lt),var(--gold));display:flex;align-items:center;justify-content:center;font-size:33px;box-shadow:0 8px 20px rgba(212,168,67,.4),inset 0 1px 0 rgba(255,255,255,.55)}
.rd .dr-htitle{font-family:var(--serif);font-weight:800;font-size:1.34rem;line-height:1.16;color:var(--ink)}
.rd .dr-hsub{font-size:.86rem;color:var(--ink2);font-weight:600;margin-top:8px}
.rd .dr-item{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.rd .dr-item:last-child{border-bottom:none}
.rd .dr-ic{width:38px;height:38px;border-radius:12px;background:#faf6f1;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.rd .dr-ic.care{background:linear-gradient(135deg,#eef7f0,#e0efe6);border-color:rgba(46,125,79,.28);color:#2e7d4f}
.rd .dr-it{flex:1;min-width:0}
.rd .dr-it b{display:block;font-size:.92rem;font-weight:800;line-height:1.2}
.rd .dr-it span{display:block;font-size:.72rem;color:var(--muted);font-weight:600;margin-top:2px}
.rd .dr-note{margin:18px 26px 10px;font-size:.72rem;line-height:1.55;color:var(--muted);font-weight:600;text-align:center}

/* ===== REDESIGN: set-legal (scoped delta) ===== */
.rd .tp-topspacer{width:38px;height:38px;flex-shrink:0}
.rd .tp-ic{width:36px;height:36px;border-radius:11px;background:#faf6f1;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.rd .tp-name{font-size:.95rem;font-weight:700;color:var(--ink);line-height:1.2}
.rd .tp-sub{font-size:.66rem;font-weight:600;color:var(--muted);margin-top:2px;line-height:1.3}
.rd .tp-danger .tp-name{color:var(--red)}
.rd .tp-danger .tp-ic{background:#fdeef0;border-color:rgba(196,18,48,.22)}
.rd .tp-ver{font-size:.92rem;font-weight:800;color:var(--muted);flex-shrink:0;font-variant-numeric:tabular-nums}
.rd .tp-foot{text-align:center;font-size:.64rem;font-weight:600;color:var(--muted);margin:22px 18px 10px;line-height:1.55}