/* Study Snap rewards layer: coins, shop, arcade, chest opening, quiz intro, profile, light mode. */

/* ---------- coins ---------- */
.coin{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}
.hs.coins{border:0;background:rgba(255,197,49,.14);color:#FFD66B;border-radius:999px;padding:4px 10px 4px 6px;font-weight:800;display:inline-flex;align-items:center;gap:5px}
.hs.coins .coin{width:18px;height:18px}
.cointag{display:inline-flex;align-items:center;gap:4px;font-weight:800}
.coinrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:14px;background:rgba(255,197,49,.12);border:1px solid rgba(255,197,49,.35);color:#FFD66B;font-size:16px}
.coinrow .coin{width:26px;height:26px}
.coinrow b{font-family:var(--f-display);font-size:20px}
.coinrow .sh-link{margin-left:auto;color:#FFD66B;font-weight:800}
.bigbal{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,197,49,.14);border:1.5px solid rgba(255,197,49,.45);color:#FFD66B;font-family:var(--f-display);font-size:22px}
.bigbal .coin{width:28px;height:28px}
.note.earn{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:16px;font-size:14.5px}
.note.earn .coin{width:24px;height:24px;margin-top:1px}
.shh{font-size:20px;margin:22px 0 10px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.shh .muted{font-family:var(--f-body);font-size:13px;font-weight:700}

/* ---------- shop ---------- */
.shopgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.scard{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:14px 12px;border-radius:18px;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--rc) 28%,transparent),transparent 70%),var(--surface);border:2px solid color-mix(in srgb,var(--rc) 60%,var(--line));min-width:0}
.scard b{font-family:var(--f-display);font-size:17px}
.scard small{color:var(--muted);font-size:12.5px;line-height:1.35;flex:1}
.scard .ir{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--rc)}
.scard .buy{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:4px}
.scard .buy[aria-disabled="true"]{opacity:.55}
.scard .chestimg{max-width:100%;height:auto;animation:wiggle 3s ease-in-out infinite}
.sthumb{width:84px;height:84px;border-radius:18px;display:grid;place-items:center;font-size:46px;overflow:hidden;background:color-mix(in srgb,var(--rc) 22%,var(--surface-2))}
.sthumb .itimg{width:100%;height:100%;object-fit:cover}
.sthumb .prev-banner{width:84px;height:84px;border-radius:0}
.sthumb .prev-title{font-size:13px;padding:6px;background:none;line-height:1.1}

/* ---------- arcade ---------- */
.arcgrid{display:grid;gap:12px}
.acard{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:20px;background:linear-gradient(120deg,color-mix(in srgb,var(--violet) 22%,var(--surface)),var(--surface));border:1.5px solid var(--line)}
.aic{width:76px;height:76px;border-radius:20px;object-fit:cover;box-shadow:0 0 0 3px rgba(255,255,255,.15)}
.atx{display:flex;flex-direction:column;gap:3px;min-width:0}
.atx b{font-family:var(--f-display);font-size:20px}
.atx small{color:var(--muted);font-size:13.5px;line-height:1.35}
.abest{font-size:13px;color:#FFD66B;font-weight:700}
.acard .btn{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.acard .btn[aria-disabled="true"]{opacity:.5}
@media (max-width:560px){.acard{grid-template-columns:auto 1fr}.acard .btn{grid-column:1/-1;width:100%;justify-content:center}}
.arcgate{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}
.arcov{position:fixed;inset:0;z-index:58;background:#0B0820;color:#fff;display:flex;flex-direction:column;touch-action:none;user-select:none;-webkit-user-select:none;animation:fade .2s;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.arcbar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#161D36}
.arcbar b{font-family:var(--f-display);font-size:18px;flex:1}
.arcbar .iconbtn{color:#fff}
.arcscore{font-family:var(--f-display);font-size:26px;color:#FFE27A;min-width:2ch;text-align:right}
.arcstage{position:relative;flex:1;overflow:hidden}
.arc-cv{display:block;position:absolute;inset:0}
.arc-tip{position:absolute;left:50%;top:62%;transform:translateX(-50%);background:rgba(10,14,40,.7);border-radius:16px;padding:12px 18px;text-align:center;display:flex;flex-direction:column;pointer-events:none;animation:pulse .8s ease-in-out infinite alternate}
.arc-tip b{font-family:var(--f-display);font-size:24px}.arc-tip span{font-size:13px;opacity:.8}
.arc-hit{animation:shakeall .35s}
.arcend{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:20px;background:radial-gradient(circle at 50% 40%,rgba(43,31,107,.92),rgba(11,8,32,.96) 70%);animation:fade .3s}
.arcend .vic{font-size:clamp(64px,18vw,110px)}
.arcend .standings{width:min(380px,92vw)}
.arcend p{margin:0;opacity:.85}
.pop-time{height:10px;background:rgba(255,255,255,.12)}
.pop-time i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#2DD4A0,#FFE27A);transition:width .1s linear}
.pop-time i.crit{background:#FF5A64}
.pop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px;max-width:520px;margin:0 auto;height:calc(100% - 10px);align-content:center}
.hole{position:relative;aspect-ratio:1;border:0;border-radius:50%;background:radial-gradient(circle at 50% 70%,#05030F 0 45%,#2B1F6B 46% 60%,#3A2C85 61%);overflow:hidden;padding:0;touch-action:none}
.mole{position:absolute;left:12%;right:12%;bottom:-80%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:clamp(34px,9vw,56px);transition:bottom .14s cubic-bezier(.2,.9,.3,1.4);overflow:hidden}
.mole img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #fff;box-sizing:border-box}
.mole.up{bottom:14%}
.mole.star{background:radial-gradient(circle,#FFF5B8,#FFC531 70%);box-shadow:0 0 24px #FFC531}
.mole.bomb{background:radial-gradient(circle,#4A4F66,#1E2133 70%)}
.mole.bonk{bottom:14%;transform:scale(.8);filter:brightness(1.5);transition:transform .1s}
.mole.boom{bottom:14%;background:radial-gradient(circle,#FFE27A,#FF4F79 60%,transparent 70%)}
.pop-plus{position:absolute;left:50%;top:10%;transform:translateX(-50%);font-family:var(--f-display);font-weight:800;font-size:26px;color:#FFE27A;text-shadow:0 2px 0 #7B3FF2;animation:floatup .6s ease-out forwards;pointer-events:none}
.flip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px;max-width:520px;margin:0 auto;height:calc(100% - 10px);align-content:center}
.card2{position:relative;aspect-ratio:3/4;border:0;padding:0;background:none;perspective:600px;touch-action:none}
.card2 .fc{position:absolute;inset:0;border-radius:14px;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .35s cubic-bezier(.2,.9,.3,1.2)}
.card2 .back{background:linear-gradient(135deg,#7B3FF2,#FF4F79);box-shadow:inset 0 0 0 3px rgba(255,255,255,.25)}
.card2 .back::after{content:"S";font-family:var(--f-brand);font-size:clamp(26px,7vw,40px);color:rgba(255,255,255,.85)}
.card2 .front{background:#F8FAFF;transform:rotateY(180deg);font-size:clamp(30px,9vw,48px)}
.card2.up .back{transform:rotateY(180deg)}.card2.up .front{transform:none}
.card2.got .front{box-shadow:0 0 0 4px #2DD4A0,0 0 22px #2DD4A0;animation:pop .35s}

/* ---------- chest opening ---------- */
.overlay.chestov{justify-content:safe center;overflow-y:auto;gap:12px}
.cstage{position:relative;display:grid;place-items:center;width:100%;min-height:270px;flex:none}
.crig{position:relative;display:block}
.crig img{display:block;width:100%;height:auto}
.crig .csize{visibility:hidden}
.crig .cbase{position:absolute;left:0;bottom:0}
.crig .clid{position:absolute;left:0;top:0;z-index:2;transform-origin:50% 100%}
.cseam{position:absolute;left:12%;right:12%;top:36%;height:10%;z-index:1;border-radius:50%;background:radial-gradient(ellipse,#FFFBE6 0%,var(--rc) 45%,transparent 72%);opacity:0;filter:blur(3px);transition:opacity .25s}
.chest[data-t="1"] .cseam{opacity:.35}.chest[data-t="2"] .cseam{opacity:.7}.chest[data-t="3"] .cseam{opacity:1}
.chest[data-t="2"] .crig,.chest[data-t="3"] .crig{filter:drop-shadow(0 0 18px var(--rc))}
.chest.drop{animation:chestdrop .7s cubic-bezier(.3,1.4,.5,1)}
@keyframes chestdrop{0%{transform:translateY(-70vh) scale(.7)}70%{transform:translateY(0) scale(1.06,.9)}100%{transform:none}}
.chest.open{animation:none;cursor:default}
.chest.open .clid{animation:lidopen .75s cubic-bezier(.2,1.3,.4,1) forwards}
@keyframes lidopen{0%{transform:none}25%{transform:translateY(-8%) scale(1.04)}55%{transform:translateY(-70%) rotate(-9deg) scale(1.02,.86)}100%{transform:translateY(-58%) rotate(-4deg) scale(1,.8)}}
.chest.open .cseam{opacity:1;height:16%;top:33%;filter:blur(2px);animation:seamglow 1.2s ease-in-out infinite alternate}
@keyframes seamglow{to{filter:blur(5px) brightness(1.3)}}
.chest.open .crig{animation:chestjolt .35s ease-out}
@keyframes chestjolt{40%{transform:scale(1.12,.9)}100%{transform:none}}
.cbeam{position:absolute;left:50%;bottom:52%;width:min(220px,55vw);height:340px;transform:translateX(-50%) scaleY(0);transform-origin:50% 100%;background:linear-gradient(to top,#FFFBE6 0%,color-mix(in srgb,var(--rc) 80%,#fff) 25%,transparent 100%);clip-path:polygon(28% 100%,72% 100%,100% 0,0 0);opacity:0;filter:blur(4px);mix-blend-mode:screen;pointer-events:none;z-index:0}
.cbeam.on{animation:beam .7s cubic-bezier(.2,.9,.3,1) forwards}
@keyframes beam{to{transform:translateX(-50%) scaleY(1);opacity:.85}}
.rises{position:absolute;left:50%;top:48%;width:0;height:0;z-index:5;pointer-events:none}
.riser{position:absolute;left:0;top:0;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.95),color-mix(in srgb,var(--rc) 70%,#fff) 60%,transparent 72%);box-shadow:0 0 40px var(--rc);animation:riseup .7s cubic-bezier(.2,.9,.3,1.2) forwards}
.riser .ri-ic{font-size:40px;line-height:1;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;overflow:hidden}
.riser .ri-ic .coin{width:52px;height:52px}
.riser.big{width:120px;height:120px;margin:-60px 0 0 -60px;animation:riseup2 1.1s cubic-bezier(.2,.9,.3,1.2) forwards}
.riser.big .ri-ic{width:96px;height:96px;font-size:60px;background:color-mix(in srgb,var(--rc) 30%,#120C33)}
.riser .itimg{width:100%;height:100%;object-fit:cover}
.riser .prev-banner{width:96px;height:96px}
.riser .prev-title{font-size:14px;padding:4px}
@keyframes riseup{0%{transform:translateY(20px) scale(.2);opacity:0}45%{transform:translateY(-150px) scale(1.15);opacity:1}80%{transform:translateY(-140px) scale(1)}100%{transform:translateY(-120px) scale(.6);opacity:0}}
@keyframes riseup2{0%{transform:translateY(20px) scale(.2) rotate(-20deg);opacity:0}35%{transform:translateY(-170px) scale(1.25) rotate(6deg);opacity:1}55%{transform:translateY(-160px) scale(1.1) rotate(0)}85%{transform:translateY(-160px) scale(1.15)}100%{transform:translateY(-90px) scale(.5);opacity:0}}
.ctaps{display:flex;gap:10px}
.ctaps i{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.2);transition:background .2s,transform .2s}
.ctaps i.on{background:#FFE27A;transform:scale(1.25);box-shadow:0 0 12px #FFE27A}
.chint{font-size:13.5px;opacity:.75!important;margin:0}
.loot{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(400px,94vw)}
.lootrow{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.lootc{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.18);text-align:left;animation:pop .4s cubic-bezier(.2,.9,.3,1.6)}
.lootc .li{font-size:30px;line-height:1}.lootc .li .coin{width:34px;height:34px}
.lootc b{display:block;font-family:var(--f-display);font-size:22px;line-height:1}
.lootc small{display:block;font-size:11.5px;opacity:.8;line-height:1.25}
.lootc.k-coin b{color:#FFD66B}.lootc.k-xp b{color:#8BE3FF}
.newitem{width:100%;flex-wrap:wrap}
.ni-desc{opacity:.85!important;line-height:1.35}
.ni-thumb .itimg{width:100%;height:100%;object-fit:cover}
.ni-thumb .prev-banner{width:72px;height:72px;border-radius:0}
.ni-thumb .prev-title{font-size:12px;padding:4px;background:none;line-height:1.1}
.ni-txt{flex:1}
.ni-eq{width:100%;padding:10px}

/* ---------- quiz opening sequence ---------- */
.introov{background:radial-gradient(circle at 50% 40%,#3B2A9B,#0B0820 72%);cursor:pointer}
.introov.out{opacity:0;transform:scale(1.08);transition:opacity .22s,transform .22s}
.intro{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:560px}
.in-mode{font-family:var(--f-brand);font-size:clamp(44px,12vw,78px);line-height:1;padding:6px 26px 12px;border-radius:20px;color:#fff;transform:rotate(-4deg);text-shadow:0 4px 0 rgba(0,0,0,.3);animation:slam .55s cubic-bezier(.2,1.4,.4,1) both;background:linear-gradient(135deg,#3D8BFF,#7B3FF2);box-shadow:0 10px 0 rgba(0,0,0,.25),0 0 40px rgba(123,63,242,.6)}
.in-mode.bt{background:linear-gradient(135deg,#FF4F79,#FF8A00)}.in-mode.sp{background:linear-gradient(135deg,#FFB020,#FF4F79)}.in-mode.ch{background:linear-gradient(135deg,#0FA97A,#3D8BFF)}
@keyframes slam{0%{transform:rotate(-4deg) scale(3);opacity:0}60%{transform:rotate(-4deg) scale(.92);opacity:1}100%{transform:rotate(-4deg) scale(1)}}
.in-title{font-size:clamp(22px,5vw,32px)!important;animation:up .45s .25s both}
.in-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;animation:up .45s .4s both}
.in-chips span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 12px;font-weight:800;font-size:14px}
.in-av{display:flex;flex-direction:column;align-items:center;gap:4px;animation:pop .5s .55s cubic-bezier(.2,.9,.3,1.6) both}
.in-av b{font-family:var(--f-display);font-size:20px}.in-av small{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#FFE27A}
.in-tip{font-size:14px;animation:fade .4s .8s both}
.in-skip{font-size:12px;opacity:.5;margin-top:6px}

/* ---------- profile ---------- */
.pcol{display:flex;flex-direction:column;gap:14px;min-width:0}
.pcol .card h3{margin-bottom:10px}
.tag.ghosty{background:transparent;border:1px solid var(--line);color:var(--muted)}
.settings{display:flex;flex-direction:column;gap:2px}
.setrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.setrow:first-of-type{border-top:0}
.setrow>span{display:flex;flex-direction:column;min-width:0}
.setrow small{color:var(--muted);font-size:12.5px}
.seg.sm button{padding:7px 14px;font-size:14px}
.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 50%,var(--line))}
.btn.danger-fill{background:var(--bad);color:#fff;border-color:var(--bad)}
.ldesc{margin:0 0 12px;font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.ldesc .muted{display:block;font-size:12.5px;margin-top:2px}
.item .eqd{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--go);border-radius:6px;padding:1px 6px}
.eprev{display:grid;place-items:center}
.avpick{display:flex;flex-wrap:wrap;gap:8px}
.avopt{border:3px solid transparent;border-radius:50%;padding:2px;background:none}
.avopt[aria-pressed="true"]{border-color:var(--sky);box-shadow:0 0 0 3px var(--sky-soft)}
.input.shake{animation:shake .35s;border-color:var(--bad)}

/* ---------- easier-to-read quiz (both themes) ---------- */
.qtext{color:var(--ink);font-weight:800;letter-spacing:-.005em}
.choice{font-size:18px;font-weight:700;color:var(--ink);padding:15px 16px;background:var(--surface-2);border-color:color-mix(in srgb,var(--line) 70%,#8090C0)}
.choice .k{color:var(--ink);background:color-mix(in srgb,var(--surface) 60%,#000)}
.quote{font-size:18px;line-height:1.5;color:var(--ink)}
.hintbtn{color:var(--ink)}

/* ---------- light mode ---------- */
:root[data-theme="light"]{
  --paper:#F3F5FC; --surface:#FFFFFF; --surface-2:#EEF1FA; --ink:#141A33; --muted:#56607E; --line:#D3D9EA;
  --go-soft:#DDF7EE; --bad-soft:#FFE4E7; --sky-soft:#E3EAFF; --hi-ink:#2A2100;
  --m0:#FFF1B3; --m1:#CFF5E6; --m2:#DCE5FF; --m3:#FFDCE3; --m4:#EBDDFF;
  --shadow:0 1px 0 rgba(20,26,51,.06),0 12px 28px -16px rgba(20,26,51,.35);
  color-scheme:light;
}
:root[data-theme="light"] body{background-image:radial-gradient(900px 500px at 50% -160px,rgba(123,63,242,.14),transparent 65%),radial-gradient(circle at 1px 1px,rgba(86,96,126,.12) 1px,transparent 0)}
:root[data-theme="light"] .choice{background:#fff;border-color:#C9D1E6;box-shadow:0 3px 0 #D3D9EA}
:root[data-theme="light"] .choice .k{background:#EEF1FA}
:root[data-theme="light"] .choice.wrong{background:#FFE4E7;color:#141A33}
:root[data-theme="light"] .tf .choice[data-tf="0"]{background:#fff}
:root[data-theme="light"] .tf .choice.wrong{background:#FFE4E7}
:root[data-theme="light"] .board4{background:rgba(255,255,255,.94)}
:root[data-theme="light"] .bigbal,:root[data-theme="light"] .coinrow,:root[data-theme="light"] .abest,:root[data-theme="light"] .coinrow .sh-link{color:#8A5A00}
:root[data-theme="light"] .stat3 b{color:#2B5FD9}
:root[data-theme="light"] .quote .filled.no{color:#0B7F5B;border-color:#0FA97A}
/* fixes: keep the chest screen inside the phone width */
.overlay.chestov{overflow-x:hidden;justify-content:flex-start;padding-top:max(28px,env(safe-area-inset-top,0px))}
.overlay.chestov>*{flex:none;max-width:100%}
.overlay.chestov .rays{max-width:100vw;max-height:100vw}
.chestov .brandtitle{font-size:clamp(40px,11vw,72px)!important;max-width:94vw}
.chestov .cstage{overflow:visible;margin-top:8px}
.ni-thumb .prev-title,.sthumb .prev-title,.riser .prev-title{display:grid;place-items:center;width:100%;height:100%;font-size:11.5px;line-height:1.1;text-align:center;padding:4px;overflow-wrap:anywhere;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04));border-radius:0}
.hintbtn .hleft{white-space:nowrap}
.hintbtn small{flex:1}
/* light mode: header, bottom bar, feedback panel */
:root[data-theme="light"] .fb{background:#E2F8EF;color:#0B3B2C}
:root[data-theme="light"] .fb.bad{background:#FFE6EA;color:#5A1424}
:root[data-theme="light"] .fb .muted{color:#56607E}
:root[data-theme="light"] .tile4,:root[data-theme="light"] .modetile{box-shadow:0 4px 0 #D3D9EA,0 8px 20px -12px rgba(20,26,51,.3)}
:root[data-theme="light"] .acard{background:linear-gradient(120deg,#EFE8FF,#fff)}
.fb .msg p b{font-size:inherit;display:inline;color:inherit;font-weight:800;font-family:inherit}
.chest:focus{outline:none}.chest:focus-visible .crig{outline:3px dashed rgba(255,255,255,.5);outline-offset:8px;border-radius:12px}.chest.open:focus-visible .crig{outline:none}
/* light mode keeps the dark brand bars (logo + nav) so the white logo always shows */
:root[data-theme="light"] .top,:root[data-theme="light"] .bottomnav{--ink:#F4F6FF;--muted:#A3ADC8;--line:#44506D;--surface-2:#2E3754;color:#F4F6FF}
:root[data-theme="light"] .top,:root[data-theme="light"] .bottomnav{--surface:#242C45}
:root[data-theme="light"] .choice.right,:root[data-theme="light"] .tf .choice.right{background:#0FA97A;border-color:#2DD4A0;color:#fff;box-shadow:0 0 0 3px rgba(45,212,160,.25),0 3px 0 #08694B}
:root[data-theme="light"] .choice.right .k{background:#fff;color:#0FA97A}
:root[data-theme="light"] .choice.wrong{border-color:var(--bad)}
/* review: answer choices under a multiple choice question from the guide */

.edchoices{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--muted);padding:2px 4px 6px}
.edchoices b{color:var(--ink)}
@media (max-width:600px){.edrow.one .del,.edrow.one .ta{grid-area:auto}}
.card2 .front img{width:92%;height:92%;object-fit:contain}
.card2 .front{background:linear-gradient(160deg,#FFF8E6,#E9F1FF)}