body.qrm{--red:#8f1f2b;--red-d:#73131f;--ink:#1f1a1a;--mut:#7a7070;--line:#ece6e1;--cream:#faf7f3;--gold:#b8893a;--gold-soft:#f6ecd9;background:#faf7f3;color:#1f1a1a;box-shadow:0 0 60px rgba(40,30,30,.08)}
.qrm .btn.red{background:#1f1a1a;box-shadow:0 12px 24px rgba(31,26,26,.22)}
.qrm .btn.red:hover{background:#000}

.qtop{background:rgba(250,247,243,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#1f1a1a;box-shadow:none;border-bottom:1px solid #ece6e1;padding:8px 14px}
.qbrand{gap:12px}
.qlogo{height:54px;width:auto;display:block}
.qbrand small{display:flex;align-items:center;gap:6px;font-size:12px;color:#7a7070}
.qbrand .dot{width:7px;height:7px;background:#2f9e6b;box-shadow:0 0 0 0 rgba(47,158,107,.6);animation:qp 1.8s infinite}
.qbrand .dot.off{background:#c9973a}
.qacct{background:#1f1a1a;border-color:#1f1a1a;color:#fff;box-shadow:0 8px 18px rgba(31,26,26,.2)}
.qacct img{width:24px;height:24px;border-radius:50%;object-fit:cover;margin:-4px 0 -4px -4px}

.qtabs{background:rgba(250,247,243,.92);backdrop-filter:blur(12px);border-bottom:1px solid #ece6e1}
.qtabs .chip{background:#fff;border:1px solid #ece6e1;color:#4a4040;box-shadow:0 1px 2px rgba(31,26,26,.04)}
.qtabs .chip.on{background:#1f1a1a;color:#fff;border-color:#1f1a1a;box-shadow:0 8px 18px rgba(31,26,26,.22);transform:none}

.qjoin{background:#fff;color:#1f1a1a;border:1px solid #ece6e1;box-shadow:0 10px 30px rgba(31,26,26,.06)}
.qjoin:before{content:"";position:absolute;left:-30px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(closest-side,#f6ecd9,rgba(246,236,217,0))}
.qjoin>div{position:relative}
.qjoin b{color:#1f1a1a}
.qjoin small{color:#7a7070;opacity:1}
.qjoin .qbtn{background:#1f1a1a;color:#fff}
.qbtn{color:#1f1a1a;box-shadow:0 8px 18px rgba(31,26,26,.12);border-radius:16px}
.qbtn.big{background:#1f1a1a;color:#fff;box-shadow:0 14px 30px rgba(31,26,26,.26)}
.qbtn.ghost{background:#fff;border-color:#e4ddd6;color:#1f1a1a;box-shadow:none}
.qbtn.light{background:#fff;color:#1f1a1a}

.qsearch{background:#fff;border-color:#ece6e1}
.qsearch-fix{box-shadow:0 14px 34px rgba(31,26,26,.16);background:rgba(255,255,255,.96);border:1px solid #ece6e1}
.qsearch:focus-within{border-color:#1f1a1a;box-shadow:0 0 0 4px rgba(31,26,26,.08)}

.qhero{background:linear-gradient(135deg,#2b2323,#1f1a1a);border-radius:24px 24px 0 0}
.qhero:before{opacity:.75}
.qhero:after{background:linear-gradient(180deg,rgba(31,26,26,.05) 20%,rgba(31,26,26,.82))}
.qhero h3,.qhero small{color:#fff}
.qlist{box-shadow:0 10px 30px rgba(31,26,26,.07);border:1px solid #ece6e1;border-top:0;border-radius:0 0 24px 24px}
.qlist .card{border-bottom-color:#f1ece7}
.qlist .card:hover{background:#fcfaf7}
.qlist .card:active{background:#f6f1ec}
.qlist .card .pic{background:#f3eee8;border-radius:18px}
.qlist .card h4{color:#1f1a1a}
.qlist .card .pr{color:#1f1a1a;font-variant-numeric:tabular-nums}
.qlist .card p{color:#7a7070}
.qlist .card .meta em{background:#f3eee8;color:#5a4e4e}
.qlist .card .meta em.al{background:#f6ecd9;color:#8a5f14}
.qlist .card .add{background:#8f1f2b;box-shadow:0 6px 14px rgba(143,31,43,.3)}

.qapp{background:linear-gradient(135deg,#2b2323,#1f1a1a);color:#fff;border-radius:22px}
.qa-t b{color:#fff}
.qa-t small{color:#cfc5c0;opacity:1}
.qa-fire{opacity:.18}
.qapp .qbtn{background:#fff;color:#1f1a1a}
.qend{color:#9a8f8c}
.qend b{color:#1f1a1a}
.qend img{filter:invert(1) brightness(.35)}

.qbag{background:#8f1f2b;box-shadow:0 14px 30px rgba(143,31,43,.35);color:#fff}
.qbag b{color:#8f1f2b;background:#fff}
.qnav{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 -8px 28px rgba(31,26,26,.08);border-top:1px solid #ece6e1}
.qnav button{color:#9a8f8c}
.qnav button.on{color:#1f1a1a}
.qnav button.on svg{color:#8f1f2b}

.qland{background:radial-gradient(90% 50% at 50% 0%,#fff 0%,rgba(255,255,255,0) 70%),radial-gradient(110% 60% at 50% 110%,#f3e4d6 0%,rgba(243,228,214,0) 60%),#faf7f3;color:#1f1a1a}
.ql-bg:before{background-image:radial-gradient(rgba(31,26,26,.08) 1px,transparent 1.4px)}
.ql-fire{opacity:.22;filter:saturate(.7)}
.ql-em{background:#e7b56a;box-shadow:0 0 8px 2px rgba(231,181,106,.5)}
.ql-logo{width:290px}
.ql-logo img{background:none;border-radius:0;padding:0;filter:drop-shadow(0 18px 30px rgba(31,26,26,.14));box-shadow:none}
.ql-logo i{background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,0));width:360px;height:230px}
.ql-eye{color:#8f1f2b;opacity:1;font-weight:700;margin-top:6px}
.ql-in p{color:#5a4e4e;opacity:1;font-size:16px}
.ql-in .qbtn.ghost{background:#fff}
.ql-app{color:#1f1a1a}
.ql-open{color:#5a4e4e}
.ql-open .dot{background:#2f9e6b;box-shadow:0 0 0 0 rgba(47,158,107,.6)}
.ql-open .dot.off{background:#c9973a}

.qpop{background:rgba(31,26,26,.5)}
.qpop-box{background:#fff;color:#1f1a1a;box-shadow:0 30px 80px rgba(31,26,26,.35)}
.qpop-box .x{background:#f3eee8;color:#1f1a1a}
.qpop-box p{color:#5a4e4e;opacity:1}
.qpop-box .qbtn.ghost{background:#fff;border-color:#e4ddd6;color:#1f1a1a}
.qpop-art{height:150px}
.qpop-art svg{filter:drop-shadow(0 12px 22px rgba(31,26,26,.2))}

#acct{background:#faf7f3}
#acct .qa-head{background:#1f1a1a;color:#fff;padding:22px 22px 20px;overflow:hidden}
#acct .qa-head:before{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(184,137,58,.5),rgba(184,137,58,0))}
#acct .qa-head:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px);background-size:18px 18px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%);pointer-events:none}
#acct .qa-head>*:not(.x){position:relative;z-index:1}
#acct .qa-head h3{font-size:22px;margin-top:10px}
#acct .qa-head p{color:#cfc5c0;opacity:1;font-size:13px}
#acct .x{background:rgba(255,255,255,.14);color:#fff;z-index:2}
.qa-head.me small{color:#cfc5c0}
.qa-pts b{color:#e7b56a}
.qa-head .gift{color:#e7b56a;font-weight:800}
.qa-star{background:linear-gradient(135deg,#e7b56a,#b8893a);box-shadow:0 8px 20px rgba(184,137,58,.35);width:40px;height:40px;border-radius:12px}
.qa-star svg{width:22px;height:22px}
.qa-tabs{background:#ece6e1}
.qa-tabs button{color:#5a4e4e}
.qa-tabs button.on{color:#1f1a1a}
#acct .sh-body{padding:18px 20px 24px}
#acct .field label{color:#4a4040}
#acct .field input{border-color:#e4ddd6;border-radius:14px;padding:13px 14px;background:#fff}
#acct .field input:focus{border-color:#1f1a1a;box-shadow:0 0 0 4px rgba(31,26,26,.08)}
.qa-how div{background:#fff;border:1px solid #ece6e1}
.qa-how i{background:#1f1a1a}
.qa-app{background:linear-gradient(135deg,#2b2323,#1f1a1a);color:#fff}
.qa-app small{color:#cfc5c0;opacity:1}
.qi b{color:#9a8f8c}
.earned{background:#e8f4ec;color:#1f6b45}
#am{color:#b3202f}
.qrm .sheet{box-shadow:0 -20px 60px rgba(31,26,26,.22)}
.qrm .shade{background:rgba(31,26,26,.45)}
.qrm .sheet.item .btn.red{background:#8f1f2b}

.social{display:grid;gap:10px;margin-bottom:16px}
.sbtn{display:flex;align-items:center;justify-content:center;gap:11px;height:52px;border-radius:14px;border:1.5px solid #e4ddd6;background:#fff;color:#1f1a1a;font-weight:700;font-size:15px;transition:.15s;cursor:pointer}
.sbtn svg{width:20px;height:20px;flex:none}
.sbtn:active{transform:scale(.98)}
.sbtn.apple{background:#1f1a1a;color:#fff;border-color:#1f1a1a}
.sbtn:hover{box-shadow:0 8px 20px rgba(31,26,26,.1)}
.or{display:flex;align-items:center;gap:12px;color:#9a8f8c;font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin:4px 0 14px}
.or:before,.or:after{content:"";flex:1;height:1px;background:#e4ddd6}
.chooser{padding:4px 0}
.chooser .acc{display:flex;align-items:center;gap:12px;padding:12px;border:1.5px solid #e4ddd6;border-radius:14px;background:#fff;width:100%;text-align:left;cursor:pointer;margin-bottom:8px;transition:.15s}
.chooser .acc:hover{border-color:#1f1a1a}
.chooser .acc img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.chooser .acc b{display:block;font-size:14.5px}
.chooser .acc small{color:#7a7070;font-size:12.5px}
.chooser .note{font-size:12px;color:#9a8f8c;margin-top:8px;text-align:center}
.prof{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #ece6e1;border-radius:16px;margin-bottom:16px}
.prof img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.prof b{display:block;font-size:15px}
.prof small{color:#7a7070;font-size:12.5px}
.prof .ok{margin-left:auto;width:24px;height:24px;border-radius:50%;background:#e8f4ec;color:#1f6b45;display:grid;place-items:center;font-size:13px;font-weight:800}
.steps{display:flex;gap:6px;margin:0 0 14px}
.steps i{flex:1;height:4px;border-radius:4px;background:#e4ddd6}
.steps i.on{background:#1f1a1a}
.me-av{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.25);margin-bottom:8px;display:block}
.chk{color:#5a4e4e}
.chk input{accent-color:#1f1a1a}

#acct .qa-head{background:#fff;color:#1f1a1a;padding:52px 22px 18px;text-align:center;border-bottom:1px solid #ece6e1}
#acct .qa-head:before{content:"";position:absolute;left:50%;top:-120px;width:420px;height:300px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,#f6ecd9,rgba(246,236,217,0));z-index:0}
#acct .qa-head:after{background-image:radial-gradient(rgba(31,26,26,.08) 1px,transparent 1.4px);-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%);mask-image:linear-gradient(180deg,#000,transparent 75%)}
#acct .qa-head h3{font-size:24px;margin-top:14px;padding:0}
#acct .qa-head p{color:#7a7070;margin-top:6px;max-width:320px;margin-left:auto;margin-right:auto}
#acct .x{background:#f3eee8;color:#1f1a1a}
#acct .qa-head .gift{color:#b8893a;font-weight:800}
.qa-logo{width:172px;margin:0 auto;animation:qalf 4.5s ease-in-out infinite}
.qa-logo img{width:100%;display:block;filter:drop-shadow(0 12px 24px rgba(31,26,26,.12))}
@keyframes qalf{50%{transform:translateY(-5px)}}
.qa-prov{width:56px;height:56px;margin:0 auto;border-radius:18px;background:#fff;border:1px solid #ece6e1;display:grid;place-items:center;box-shadow:0 10px 24px rgba(31,26,26,.1)}
.qa-prov svg{width:28px;height:28px}
.qa-prov.dark{background:#1f1a1a;border-color:#1f1a1a}
#acct .qa-head.me{background:#1f1a1a;color:#fff;text-align:left;padding:26px 22px 20px;border-bottom:0}
#acct .qa-head.me:before{left:auto;right:-60px;top:-80px;width:220px;height:220px;transform:none;background:radial-gradient(closest-side,rgba(184,137,58,.5),rgba(184,137,58,0))}
#acct .qa-head.me:after{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px)}
#acct .qa-head.me p{color:#cfc5c0;margin:8px 0 0}
#acct .qa-head.me .x{background:rgba(255,255,255,.14);color:#fff}
#acct .qa-head.me .gift{color:#e7b56a}
.qa-tabs{background:#f3eee8;border-radius:16px;padding:4px}
.qa-tabs button{border-radius:12px}
.sbtn{border-radius:16px;height:54px}
#acct .field input{border-radius:16px;height:52px}
#acct .qbtn.big{border-radius:16px}