/* THE GIFT SCREEN, generated from _preview/gift-mockup.html by scratchpad/gift/mkcss.py.
   DO NOT EDIT BY HAND: change the mockup and run the script again. Everything is scoped
   under .gfa so it cannot touch the settings dialog around it, and the mockup's
   body.phone becomes .gfa.ph. */
@keyframes gf_rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes gf_swapin{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes gf_pop{from{opacity:0;transform:translateY(14px) scale(.965)}to{opacity:1;transform:none}}
.gfa.gfa.gfa .seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:11px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2)}
.gfa.gfa.gfa .seg button{position:relative;z-index:1;height:32px;min-width:58px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--mid);font-weight:650;font-size:12.5px;cursor:pointer;transition:color .2s}
.gfa.gfa.gfa .seg button[aria-pressed="true"]{color:#fff}
.gfa.gfa.gfa .seg .ind{position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / var(--n));border-radius:8px;background:var(--accent);transform:translateX(calc(var(--i) * 100%));transition:transform .32s var(--ease)}
.gfa.gfa.gfa .bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.gfa.gfa.gfa .bg::before{content:"";position:absolute;inset:0;
    background:radial-gradient(64% 46% at 50% -8%, color-mix(in srgb,var(--accent) 30%,transparent), transparent 72%),
               radial-gradient(52% 34% at 88% 36%, color-mix(in srgb,var(--accent) 13%,transparent), transparent 70%),
               radial-gradient(60% 40% at 50% 112%, color-mix(in srgb,var(--accent) 11%,transparent), transparent 70%)}
.gfa.gfa.gfa.ph .bg::before{background:radial-gradient(95% 32% at 50% -4%, color-mix(in srgb,var(--accent) 24%,transparent), transparent 74%)}
.gfa.gfa.gfa .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:30px;align-items:center}
.gfa.gfa.gfa.ph .hero{grid-template-columns:1fr;gap:22px}
.gfa.gfa.gfa .stage{animation:gf_pop .5s var(--ease) .06s backwards}
.gfa.gfa.gfa .stage::before, .gfa.gfa.gfa .stage::after{content:none}
.gfa.gfa.gfa .gwrap{--c1:#dfe4ec;--c2:#8e97a5;position:relative;width:100%;max-width:480px;margin:0 auto;perspective:2400px;
    transition:--c1 .5s var(--ease),--c2 .5s var(--ease)}
.gfa.gfa.gfa .gwrap[data-k="medium"]{--c1:#f0c74d;--c2:#a8740c}
.gfa.gfa.gfa .gwrap[data-k="large"]{--c1:#8fd0ff;--c2:#3a8fe0}
.gfa.gfa.gfa .gwrap::before{content:"";position:absolute;inset:-13% -10%;z-index:0;border-radius:44px;pointer-events:none;
    background:radial-gradient(74% 66% at 50% 32%, color-mix(in srgb,var(--c1) 30%,transparent), transparent 76%);
    filter:blur(54px);opacity:.26;transition:opacity .45s var(--ease)}
.gfa.gfa.gfa .gwrap:hover::before{opacity:.34}
.gfa.gfa.gfa .tilt{position:relative;z-index:1;transform-style:preserve-3d;transition:transform .45s var(--ease)}
.gfa.gfa.gfa .tilt.live{transition:transform .05s linear}
.gfa.gfa.gfa .gcard{position:relative;width:100%;aspect-ratio:1.586;overflow:visible;background:none;border:0;
    transform-style:preserve-3d;transition:transform .72s var(--ease)}
.gfa.gfa.gfa .gcard.flip{transform:rotateY(180deg)}
@keyframes gf_turn360{0%{transform:rotateY(0)}25%{transform:rotateY(-90deg)}50%{transform:rotateY(-180deg)}75%{transform:rotateY(-270deg)}100%{transform:rotateY(-360deg)}}
.gfa.gfa.gfa .gcard.swap{animation:gf_turn360 .8s linear}
.gfa.gfa.gfa .face{position:absolute;inset:0;border-radius:18px;overflow:hidden;padding:17px 19px;display:flex;flex-direction:column;
    backface-visibility:hidden;-webkit-backface-visibility:hidden;
    
    background:linear-gradient(150deg,#141b25,#0b0f16 78%);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 24%,transparent), 0 26px 46px -26px #000}
.gfa.gfa.gfa .face.back{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 13%,transparent), 0 26px 46px -26px #000}
.gfa.gfa.gfa .face.back{transform:rotateY(180deg)}
.gfa.gfa.gfa .wm{position:absolute;inset:0;z-index:0;pointer-events:none;
    -webkit-mask-image:linear-gradient(to bottom,transparent 2px,#000 30px),linear-gradient(to left,transparent 2px,#000 30px);-webkit-mask-composite:source-in;
    mask-image:linear-gradient(to bottom,transparent 2px,#000 30px),linear-gradient(to left,transparent 2px,#000 30px);mask-composite:intersect}
.gfa.gfa.gfa .face.back .wm svg{top:auto;bottom:-40px;right:-30px;opacity:.13;transform:rotate(-8deg)}
.gfa.gfa.gfa .wm svg{position:absolute;top:-16px;right:-24px;width:196px;height:196px;opacity:.34;transform:rotate(12deg);
    -webkit-mask-image:linear-gradient(220deg,#000 34%,transparent 88%);mask-image:linear-gradient(220deg,#000 34%,transparent 88%)}
@keyframes gf_sheen{0%  {transform:translateX(-140%) skewX(-16deg);opacity:0}
                   2%  {opacity:.85}
                   12% {opacity:.85}
                   15% {transform:translateX(500%) skewX(-16deg);opacity:0}
                   100%{transform:translateX(500%) skewX(-16deg);opacity:0}}
.gfa.gfa.gfa .sheen{position:absolute;top:-12%;bottom:-12%;left:0;width:22%;z-index:1;pointer-events:none;opacity:0;
    background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c1) 16%,transparent),transparent);
    animation:gf_sheen 14s linear infinite}
.gfa.gfa.gfa .gtop{position:relative;z-index:2;display:flex;align-items:center;gap:9px}
.gfa.gfa.gfa .gtop img{height:15px;width:auto;display:block;filter:brightness(0) invert(1);opacity:.9}
.gfa.gfa.gfa .gtag{height:19px;padding:0 7px;border-radius:6px;display:flex;align-items:center;font-size:9.5px;font-weight:800;letter-spacing:.8px;color:color-mix(in srgb,var(--c1) 88%,#fff);background:color-mix(in srgb,var(--c1) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c1) 26%,transparent)}
.gfa.gfa.gfa .gmid{position:relative;z-index:2;margin-top:auto}
.gfa.gfa.gfa .gplan{font-size:10.5px;font-weight:800;letter-spacing:1.1px;color:color-mix(in srgb,var(--c1) 72%,#fff)}
.gfa.gfa.gfa .glen{font-size:33px;line-height:37px;font-weight:800;letter-spacing:-1px;text-shadow:0 1px 0 rgba(0,0,0,.45)}
.gfa.gfa.gfa.ph .glen{font-size:30px;line-height:34px}
.gfa.gfa.gfa.ph .gbot{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px;margin-top:9px}
.gfa.gfa.gfa.ph .gwrap::before{inset:-14% 0}
.gfa.gfa.gfa.ph .gfor, .gfa.gfa.gfa.ph .gfrom{max-width:100%}
.gfa.gfa.gfa.ph .mag{margin-top:12px;height:34px}
.gfa.gfa.gfa.ph .bkin{padding-top:11px}
.gfa.gfa.gfa.ph .sign{height:38px}
.gfa.gfa.gfa.ph .bkrows{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;margin-top:9px}
.gfa.gfa.gfa.ph .bkfoot{padding-bottom:11px}
.gfa.gfa.gfa .gbot{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:11px}
.gfa.gfa.gfa .gfor, .gfa.gfa.gfa .gfrom{font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:color-mix(in srgb,var(--c1) 56%,var(--dim));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gfa.gfa.gfa .gfor{min-width:0}
.gfa.gfa.gfa .glen.chg, .gfa.gfa.gfa .gfor.chg, .gfa.gfa.gfa .gplan.chg{animation:gf_swapin .34s var(--ease)}
.gfa.gfa.gfa .gfrom{flex:none}
.gfa.gfa.gfa .face.back{padding:0;justify-content:flex-start;
    background:linear-gradient(170deg, color-mix(in srgb,var(--c2) 6%,#0d131b), #090d14 74%)}
.gfa.gfa.gfa .mag{display:block;width:100%;height:40px;margin-top:18px;flex:none;background:linear-gradient(#101010,#000 45%,#0b0b0b);box-shadow:0 1px 0 rgba(255,255,255,.07),0 -1px 0 rgba(255,255,255,.05)}
.gfa.gfa.gfa .bkin{position:relative;z-index:2;padding:14px 19px 0;display:flex;flex-direction:column;flex:1}
.gfa.gfa.gfa .sign{position:relative;display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border-radius:5px;
    background:linear-gradient(#edeff3,#e2e5ea);color:#0d121a;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.gfa.gfa.gfa .sign .sl{font-size:8.5px;font-weight:800;letter-spacing:.8px;color:#5c6572;flex:none}
.gfa.gfa.gfa .cpy{width:28px;height:28px;flex:none;border:0;border-radius:7px;background:#0d121a;color:#e9ebef;cursor:pointer;display:grid;place-items:center;transition:transform .12s var(--ease),filter .15s}
.gfa.gfa.gfa .cpy[hidden]{display:none}
.gfa.gfa.gfa .cpy svg{width:15px;height:15px}
.gfa.gfa.gfa .cpy:hover{filter:brightness(1.35)}
.gfa.gfa.gfa .cpy:active{transform:scale(.92)}
.gfa.gfa.gfa .sign .sc{flex:1;min-width:0;font-family:ui-monospace,Consolas,monospace;font-size:15px;font-weight:700;letter-spacing:1.6px;color:#0d121a;white-space:nowrap;overflow:hidden}
.gfa.gfa.gfa .sign .sc.hid{color:#8b93a0}
.gfa.gfa.gfa .bkrows{display:flex;gap:16px;margin-top:12px}
.gfa.gfa.gfa .bkrows div{min-width:0}
.gfa.gfa.gfa .bkrows span{display:block;font-size:8.5px;font-weight:800;letter-spacing:.9px;color:color-mix(in srgb,var(--c1) 46%,var(--dim))}
.gfa.gfa.gfa .bkrows b{display:block;font-size:11.5px;font-weight:700;color:var(--mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gfa.gfa.gfa .bkfoot{margin-top:auto;padding:0 19px 14px;display:flex;align-items:center;gap:8px;position:relative;z-index:2}
.gfa.gfa.gfa .bkfoot img{height:11px;width:auto;filter:brightness(0) invert(1);opacity:.55}
.gfa.gfa.gfa .bkfoot small{color:var(--dim);font-size:9.5px;line-height:13px}
.gfa.gfa.gfa .build{animation:gf_rise .46s var(--ease) .1s backwards}
.gfa.gfa.gfa .build h2{margin:0;font-size:24px;line-height:30px;font-weight:800;letter-spacing:-.5px}
.gfa.gfa.gfa .build > p{margin:4px 0 0;color:var(--mid);font-size:13.5px;line-height:20px}
.gfa.gfa.gfa .fl{margin:16px 0 7px;font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--dim)}
.gfa.gfa.gfa .builder{margin-top:16px;padding:15px 16px 17px;border-radius:16px;background:var(--panel);box-shadow:0 0 0 1px var(--line)}
.gfa.gfa.gfa .builder .fl{margin-top:15px}
.gfa.gfa.gfa .builder > .bstep:first-child > .fl{margin-top:0}
.gfa.gfa.gfa .bstep{display:contents}
.gfa.gfa.gfa .bstep[hidden]{display:none}
.gfa.gfa.gfa .sbar, .gfa.gfa.gfa .snav{display:none}
.gfa.gfa.gfa .sbar[hidden], .gfa.gfa.gfa .snav[hidden]{display:none}
.gfa.gfa.gfa.ph .sbar:not([hidden]){display:block;margin:20px 0 14px}
.gfa.gfa.gfa.ph .snav:not([hidden]){display:flex;gap:10px;margin-top:16px}
.gfa.gfa.gfa .sdots{display:flex;gap:6px}
.gfa.gfa.gfa .sdots i{flex:1;height:4px;border-radius:999px;background:var(--line2);transition:background .3s var(--ease)}
.gfa.gfa.gfa .sdots i.done{background:color-mix(in srgb,var(--accent) 50%,transparent)}
.gfa.gfa.gfa .sdots i.on{background:var(--accent)}
.gfa.gfa.gfa .stitle{margin-top:12px;font-size:19px;line-height:24px;font-weight:800;letter-spacing:-.4px}
.gfa.gfa.gfa .stitle span{display:block;margin-bottom:3px;font-size:10.5px;font-weight:800;letter-spacing:.8px;color:var(--dim)}
.gfa.gfa.gfa .snav .btn{flex:1;height:46px;margin:0}
.gfa.gfa.gfa .snav .btn[hidden]{display:none}
@keyframes gf_stepIn{0%{opacity:0;transform:scale(.86)}
                    100%{opacity:1;transform:none}}
@keyframes gf_titleIn{0%{opacity:0;transform:scale(.9)}
                     100%{opacity:1;transform:none}}
.gfa.gfa.gfa.ph .builder.stepped > .bstep:not([hidden]){display:block;animation:gf_stepIn .32s cubic-bezier(.2,1.5,.35,1)}
.gfa.gfa.gfa.ph .sbar:not([hidden]) .stitle{animation:gf_titleIn .32s cubic-bezier(.2,1.5,.35,1)}
.gfa.gfa.gfa.ph .snav:not([hidden]){animation:gf_stepIn .32s cubic-bezier(.2,1.5,.35,1) .05s backwards}
.gfa.gfa.gfa.ph .builder.stepped > .bstep > .fl{display:none}
.gfa.gfa.gfa.ph .payrow[hidden]{display:none}
.gfa.gfa.gfa.ph .sec{margin:34px 0 12px;padding-top:30px;box-shadow:inset 0 1px 0 var(--line2)}
.gfa.gfa.gfa.ph .sec::after{display:none}
.gfa.gfa.gfa.ph .builder.stepped{padding:16px 14px 18px}
.gfa.gfa.gfa.ph .builder.stepped .chips{gap:10px}
.gfa.gfa.gfa.ph .builder.stepped .chip{height:50px}
.gfa.gfa.gfa.ph .builder.stepped .seg.b{padding:5px}
.gfa.gfa.gfa.ph .builder.stepped .seg.b button{height:42px;font-size:13px}
.gfa.gfa.gfa.ph .builder.stepped .whobox{display:grid;gap:12px}
.gfa.gfa.gfa.ph .builder.stepped .field{height:46px}
.gfa.gfa.gfa .builder[hidden], .gfa.gfa.gfa.ph .builder[hidden]{display:none}
.gfa.gfa.gfa.ph .payrow.last{display:block}
.gfa.gfa.gfa.ph .payrow.last .total{display:flex;margin-top:0}
.gfa.gfa.gfa.ph .payrow.last .btn.wide{margin-top:12px}
.gfa.gfa.gfa .chips{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px}
.gfa.gfa.gfa .seg.b{padding:4px}
.gfa.gfa.gfa .seg.b button{height:36px;font-size:13px;font-weight:650;white-space:nowrap}
.gfa.gfa.gfa.ph .seg.b button{padding:0 4px;min-width:0;font-size:12.5px}
.gfa.gfa.gfa .seg.b .ind{top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--n));background:color-mix(in srgb,var(--accent) 88%,#000)}
.gfa.gfa.gfa .chip{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 10px;border:0;border-radius:11px;cursor:pointer;
    background:var(--panel2);color:var(--mid);font-weight:650;font-size:13px;box-shadow:inset 0 0 0 1px var(--line2);transition:background .18s,color .18s,box-shadow .18s,transform .12s var(--ease)}
.gfa.gfa.gfa .chip:hover{color:var(--fg);background:var(--panel3)}
.gfa.gfa.gfa .chip:active{transform:scale(.97)}
.gfa.gfa.gfa .chip svg{width:20px;height:20px;flex:none}
.gfa.gfa.gfa .chip[aria-pressed="true"]{color:var(--fg);background:color-mix(in srgb,var(--k1,var(--accent)) 12%,var(--panel2));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--k1,var(--accent)) 70%,transparent)}
.gfa.gfa.gfa .chip[data-k="small"]{--k1:#dfe4ec}
.gfa.gfa.gfa .chip[data-k="medium"]{--k1:#f0c74d}
.gfa.gfa.gfa .chip[data-k="large"]{--k1:#8fd0ff}
.gfa.gfa.gfa .field{display:flex;align-items:center;gap:9px;height:42px;padding:0 12px;border-radius:11px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2);transition:box-shadow .18s}
.gfa.gfa.gfa .field:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent)}
.gfa.gfa.gfa .field input{flex:1;min-width:0;height:100%;border:0;background:none;font-size:13.5px}
.gfa.gfa.gfa .field input, .gfa.gfa.gfa .field input:focus{box-shadow:none;outline:none;border-radius:0}
.gfa.gfa.gfa .field input::placeholder{color:var(--dim)}
.gfa.gfa.gfa .field > svg{width:17px;height:17px;color:var(--dim);flex:none}
.gfa.gfa.gfa .whobox{padding:7px;border-radius:14px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2)}
.gfa.gfa.gfa .whobox .seg{padding:0;background:none;box-shadow:none}
.gfa.gfa.gfa .whobox .seg .ind{top:0;bottom:0;left:0;width:calc(100% / var(--n))}
.gfa.gfa.gfa .whobox .field{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line)}
.gfa.gfa.gfa .whobox .field:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent)}
.gfa.gfa.gfa .whobox .picked{margin-top:9px;background:var(--bg)}
.gfa.gfa.gfa .pick{position:relative;margin-top:9px}
.gfa.gfa.gfa .sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:9;padding:5px;border-radius:13px;background:var(--panel2);box-shadow:0 0 0 1px var(--line2),0 24px 44px -20px #000;animation:gf_pop .2s var(--ease)}
.gfa.gfa.gfa .sug[hidden]{display:none}
.gfa.gfa.gfa .sug button{display:flex;width:100%;align-items:center;gap:10px;padding:7px 8px;border:0;border-radius:9px;background:none;cursor:pointer;text-align:left}
.gfa.gfa.gfa .sug button:hover, .gfa.gfa.gfa .sug button.on{background:color-mix(in srgb,var(--fg) 7%,transparent)}
.gfa.gfa.gfa .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12.5px;color:#fff;flex:none}
.gfa.gfa.gfa .who{min-width:0}
.gfa.gfa.gfa .who b{display:block;font-size:13px;font-weight:650}
.gfa.gfa.gfa .who small{display:block;color:var(--dim);font-size:12px}
.gfa.gfa.gfa .none{padding:9px 10px;color:var(--dim);font-size:12.5px}
.gfa.gfa.gfa .picked{display:flex;align-items:center;gap:10px;margin-top:8px;padding:7px 9px 7px 7px;border-radius:12px;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line2);animation:gf_rise .28s var(--ease)}
.gfa.gfa.gfa .picked[hidden]{display:none}
.gfa.gfa.gfa .picked .x{margin-left:auto;width:28px;height:28px;border:0;border-radius:8px;background:none;color:var(--dim);cursor:pointer;display:grid;place-items:center}
.gfa.gfa.gfa .picked .x:hover{background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--fg)}
.gfa{--ease:cubic-bezier(.2,.8,.2,1);--panel3:#1b2331;--gift:#c58bff}
.gfa{position:relative;z-index:1;min-height:560px}
.gfa.gfahub{display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,2.5fr) auto}
.gfa.gfahub .hubmid{grid-row:2}
.gfa.gfahub .hubfoot{grid-row:4}
.gfa.gfa.gfa .gfback{display:inline-flex;align-items:center;gap:7px;height:32px;margin:0 0 14px -8px;padding:0 10px;
    border:0;border-radius:9px;background:none;color:var(--dim);font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.gfa.gfa.gfa .gfback:hover{background:color-mix(in srgb,var(--fg) 6%,transparent);color:var(--fg)}
.gfa.gfa.gfa .gfback svg{width:15px;height:15px}
.gfa.gfa.gfa .gfrd{padding:16px 18px 18px}
.gfa.gfa.gfa .gfrdin{max-width:380px}
.gfa.gfa.gfa .gfrdin p{margin:0 0 12px;color:var(--mid);font-size:13px;line-height:19px}
.gfa.gfa.gfa .gfrd .field{height:50px;background:#080b11}
.gfa.gfa.gfa .gfrd .field input{text-align:center;font-family:ui-monospace,Consolas,monospace;letter-spacing:2px;text-transform:uppercase;font-weight:700;font-size:14px}
.gfa.gfa.gfa .gfrd .btn.wide{height:44px}
.gfa.gfa.gfa .payrow{display:block}
.gfa.gfa.gfa .total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:13px;box-shadow:inset 0 1px 0 var(--line)}
.gfa.gfa.gfa .total .l{color:var(--mid);font-size:12.5px;line-height:18px}
.gfa.gfa.gfa .total .l b{display:block;color:var(--fg);font-size:13.5px}
.gfa.gfa.gfa .total .r{display:flex;align-items:flex-start;gap:2px;font-weight:800;letter-spacing:-1px;line-height:1}
.gfa.gfa.gfa .total .r .c{font-size:15px;margin-top:4px;color:var(--mid);letter-spacing:0}
.gfa.gfa.gfa .total .r .w{font-size:30px}
.gfa.gfa.gfa .total .r .d{font-size:15px;margin-top:4px;letter-spacing:0}
.gfa.gfa.gfa .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 16px;border:0;border-radius:11px;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap;
    transition:filter .15s,transform .12s var(--ease),background .15s,box-shadow .15s}
.gfa.gfa.gfa .btn:active{transform:scale(.97)}
.gfa.gfa.gfa .btn svg{width:16px;height:16px}
.gfa.gfa.gfa .btn.wide{width:100%;margin-top:12px}
.gfa.gfa.gfa .btn[hidden]{display:none}
.gfa.gfa.gfa .btn.quiet{background:var(--panel2);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line2)}
.gfa.gfa.gfa .btn.quiet:hover{background:var(--panel3)}
@keyframes gf_shine{0%,86%{transform:translateX(-160%) skewX(-22deg)}100%{transform:translateX(280%) skewX(-22deg)}}
.gfa.gfa.gfa .btn.gold{position:relative;overflow:hidden;color:#3a2600;background:linear-gradient(180deg,#ffe08a,#f5b83d);box-shadow:inset 0 0 0 1px rgba(255,236,170,.6), inset 0 -2px 0 rgba(150,90,0,.25), 0 8px 22px -10px rgba(247,197,72,.6)}
.gfa.gfa.gfa .btn.gold::before{content:"";position:absolute;top:0;bottom:0;left:0;width:36%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:gf_shine 9s ease-in-out infinite}
.gfa.gfa.gfa .btn.gold:hover{filter:brightness(1.05)}
.gfa.gfa.gfa .btn.blue{color:#fff;background:linear-gradient(180deg,#5b9bf8,#3b82f6);
    box-shadow:inset 0 0 0 1px rgba(190,220,255,.35), inset 0 -2px 0 rgba(10,40,100,.32), 0 8px 22px -10px rgba(59,130,246,.65)}
.gfa.gfa.gfa .btn.blue:hover{filter:brightness(1.07)}
.gfa.gfa.gfa .btn.glow{color:#04222e;background:linear-gradient(180deg,var(--h1),var(--h2));
    box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 34%,transparent), inset 0 -2px 0 rgba(0,36,54,.3), 0 10px 26px -12px var(--h2)}
.gfa.gfa.gfa .btn.glow:hover{filter:brightness(1.07)}
.gfa.gfa.gfa .btn.gold.off{color:var(--mid);background:var(--panel2);
    box-shadow:inset 0 0 0 1px var(--line2), 0 8px 22px -14px #000}
.gfa.gfa.gfa .btn.gold.off::before{display:none}
.gfa.gfa.gfa .btn.gold.off:hover{filter:none;background:var(--panel3)}
.gfa.gfa.gfa .btn.busy{pointer-events:none;filter:saturate(.6) brightness(.9)}
@keyframes gf_spin{to{transform:rotate(360deg)}}
.gfa.gfa.gfa .small{margin:8px 0 0;color:var(--dim);font-size:12px;line-height:17px;text-align:center}
.gfa.gfa.gfa .ha{position:absolute;pointer-events:none;background:url(/site/arthur-a-lg.png) center/contain no-repeat}
.gfa.gfa.gfa .ha.a1{right:-120px;bottom:-140px;width:560px;height:560px;opacity:.055;animation:gf_bgDriftA 24s ease-in-out infinite}
.gfa.gfa.gfa .ha.a2{left:-90px;top:-60px;width:320px;height:320px;opacity:.035;transform:rotate(-14deg);animation:gf_bgDriftB 33s ease-in-out infinite}
@keyframes gf_bgDriftA{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
                      25%{transform:translate3d(-104px,-70px,0) rotate(-9deg)}
                      50%{transform:translate3d(-44px,-118px,0) rotate(5deg)}
                      75%{transform:translate3d(-112px,-22px,0) rotate(-13deg)}}
@keyframes gf_bgDriftB{0%,100%{transform:translate3d(0,0,0) rotate(-14deg)}
                      25%{transform:translate3d(92px,64px,0) rotate(-6deg)}
                      50%{transform:translate3d(40px,112px,0) rotate(-20deg)}
                      75%{transform:translate3d(104px,26px,0) rotate(-9deg)}}
.gfa.gfa.gfa.ph .ha.a1{width:340px;height:340px;right:-90px;bottom:-90px}
.gfa.gfa.gfa.ph .ha.a2{display:none}
.gfa.gfa.gfa .hubmid{text-align:center;width:100%;max-width:860px;margin:0 auto}
.gfa.gfa.gfa .hchip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 6px;margin-bottom:14px;border-radius:999px;
    background:var(--panel);box-shadow:0 0 0 1px var(--line);color:var(--dim);font-size:12px;font-weight:650;animation:gf_rise .5s var(--ease) backwards}
.gfa.gfa.gfa .hchip svg{width:26px;height:26px}
.gfa.gfa.gfa .hchip svg{width:22px;height:22px}
.gfa.gfa.gfa .hchip b{color:var(--mid)}
.gfa.gfa.gfa .hubh{margin:0;font-size:38px;line-height:44px;font-weight:800;letter-spacing:-1px;animation:gf_rise .5s var(--ease) backwards}
.gfa.gfa.gfa .hubp{margin:8px auto 0;max-width:520px;color:var(--mid);font-size:14px;line-height:21px;animation:gf_rise .5s var(--ease) .05s backwards}
.gfa.gfa.gfa .hubgrid{display:grid;grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:22px;margin-top:30px;text-align:left}
.gfa.gfa.gfa .hubfoot{margin-top:26px;text-align:center;animation:gf_rise .5s var(--ease) .18s backwards}
.gfa.gfa.gfa .hubfoot p{margin:0 auto;max-width:560px;color:var(--dim);font-size:11.5px;line-height:17px}
.gfa.gfa.gfa .hubl{position:relative;margin-top:16px;padding-top:17px;display:flex;justify-content:center;align-items:center;gap:14px}
.gfa.gfa.gfa .hubl::before{content:"";position:absolute;top:0;left:50%;width:260px;height:1px;transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--fg) 20%,transparent) 18%,color-mix(in srgb,var(--fg) 20%,transparent) 82%,transparent)}
.gfa.gfa.gfa .hubl a{color:var(--mid);cursor:pointer}
.gfa.gfa.gfa .hubl a:hover{color:var(--fg);text-decoration:underline}
.gfa.gfa.gfa .hubl span{color:var(--line2)}
.gfa.gfa.gfa .hubcard{--h1:#8fb8ff;--h2:#3b82f6;
    position:relative;overflow:hidden;display:flex;flex-direction:column;aspect-ratio:1.16;text-align:left;padding:20px;border:0;border-radius:20px;cursor:pointer;color:var(--fg);
    background:radial-gradient(46% 34% at 50% 34%, color-mix(in srgb,var(--h1) 20%,transparent), transparent 74%), var(--panel);
    box-shadow:0 0 0 1px var(--line2), 0 26px 54px -38px #000;
    transition:transform .18s var(--ease),box-shadow .2s,background .2s;animation:gf_rise .5s var(--ease) backwards}
.gfa.gfa.gfa .hc-gift{--h1:#c58bff;--h2:#7b3ff2}
.gfa.gfa.gfa .hc-code{--h1:#6fdcff;--h2:#0ea5e9;cursor:default;background:var(--panel);padding:22px 20px 20px;justify-content:flex-start}
.gfa.gfa.gfa .hc-code:hover{transform:none}
.gfa.gfa.gfa .hubcard .ceyebrow{display:none}
.gfa.gfa.gfa.ph .hubcard .ceyebrow{display:inline-flex}
.gfa.gfa.gfa .ceyebrow{position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:800;letter-spacing:1px;
    color:color-mix(in srgb,var(--h1) 84%,#fff)}
.gfa.gfa.gfa .ceyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--h1);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--h1) 18%,transparent)}
.gfa.gfa.gfa .hubcard b{padding-top:0}
.gfa.gfa.gfa .hc-code b{margin-top:0;font-size:20px;line-height:25px}
.gfa.gfa.gfa.ph .hc-code b{margin-top:2px}
.gfa.gfa.gfa .hc-code .field{margin-top:0;height:52px;background:#080b11;box-shadow:inset 0 0 0 1px var(--line2)}
.gfa.gfa.gfa .hc-code .field:focus-within{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--h1) 62%,transparent), 0 0 24px -9px var(--h2)}
.gfa.gfa.gfa .hc-code .field input{text-align:center;font-family:ui-monospace,Consolas,monospace;letter-spacing:2px;text-transform:uppercase;font-weight:700;font-size:14px}
.gfa.gfa.gfa .hc-code .btn.wide{margin-top:12px;margin-bottom:0;height:46px}
.gfa.gfa.gfa .btn.no{color:#fff;background:linear-gradient(180deg,#f0776c,#d33b2c);
    box-shadow:inset 0 0 0 1px rgba(255,196,190,.32), inset 0 -2px 0 rgba(90,10,4,.3), 0 10px 26px -12px #d33b2c}
.gfa.gfa.gfa .btn.yes{color:#04291a;background:linear-gradient(180deg,#8bf0b8,#22c55e);
    box-shadow:inset 0 0 0 1px rgba(214,255,232,.42), inset 0 -2px 0 rgba(0,70,35,.26), 0 10px 26px -12px #22c55e}
.gfa.gfa.gfa .btn.no svg, .gfa.gfa.gfa .btn.yes svg{width:21px;height:21px}
.gfa.gfa.gfa .hc-code.bad{animation:gf_shake .4s}
.gfa.gfa.gfa .hc-code.bad .field{box-shadow:inset 0 0 0 1.5px var(--bad)}
.gfa.gfa.gfa .hart{position:relative;display:grid;place-items:center;flex:1;min-height:0;padding-top:12px}
.gfa.gfa.gfa .hart::after{content:"";position:absolute;left:50%;bottom:4px;width:62%;height:15px;transform:translateX(-50%);
    background:radial-gradient(50% 50% at 50% 50%, #000 0%, transparent 72%);opacity:.5;transition:width .3s var(--ease),opacity .3s}
.gfa.gfa.gfa .hart em{display:none}
.gfa.gfa.gfa .hart svg, .gfa.gfa.gfa .hart img{position:relative;z-index:1;width:min(60%,198px);height:auto;aspect-ratio:1;object-fit:contain;transition:transform .32s var(--ease)}
.gfa.gfa.gfa .hubcard:hover{transform:translateY(-3px);
    box-shadow:0 0 0 1px color-mix(in srgb,var(--h1) 50%,var(--line2)), 0 34px 62px -32px #000}
.gfa.gfa.gfa .hubcard:active{transform:translateY(-1px) scale(.995)}
.gfa.gfa.gfa .hubcard > b, .gfa.gfa.gfa .hubcard > small, .gfa.gfa.gfa .hubcard > .hgo{position:relative;z-index:1}
.gfa.gfa.gfa .hubcard .hi{width:30px;height:30px;flex:none;fill:none;stroke:var(--accent-lt);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.gfa.gfa.gfa .hubcard b{display:block;margin-top:auto;font-size:20px;line-height:25px;letter-spacing:-.4px}
.gfa.gfa.gfa .hc-code b{margin-top:0;text-align:center}
.gfa.gfa.gfa .hubcard small{display:block;margin-top:5px;color:var(--mid);font-size:12.5px;line-height:18px}
.gfa.gfa.gfa .hc-code small{margin:auto;max-width:34ch;text-align:center}
.gfa.gfa.gfa .hgo{display:inline-flex;align-items:center;gap:6px;margin-top:13px;padding:0;color:color-mix(in srgb,var(--h1) 88%,#fff);font-size:12.5px;font-weight:800;letter-spacing:.2px;transition:gap .18s var(--ease)}
.gfa.gfa.gfa .hgo svg{width:14px;height:14px}
.gfa.gfa.gfa .spk{position:absolute;inset:0;z-index:2;pointer-events:none}
.gfa.gfa.gfa .spk i{position:absolute;width:12px;height:12px;opacity:0;scale:.4;
    background:radial-gradient(50% 50% at 50% 50%, #fff 0%, #fff 22%, color-mix(in srgb,var(--h1) 85%,transparent) 48%, transparent 74%);
    transition:opacity .34s var(--ease),scale .42s cubic-bezier(.2,1.3,.35,1)}
.gfa.gfa.gfa .spk i:nth-child(1){left:9%;top:33%}
.gfa.gfa.gfa .spk i:nth-child(2){left:87%;top:24%;width:7px;height:7px}
.gfa.gfa.gfa .spk i:nth-child(3){left:93%;top:54%;width:6px;height:6px}
.gfa.gfa.gfa .spk i:nth-child(4){left:4%;top:57%;width:6px;height:6px}
.gfa.gfa.gfa .spk i:nth-child(5){left:80%;top:67%;width:8px;height:8px}
.gfa.gfa.gfa .spk i:nth-child(6){left:15%;top:13%;width:5px;height:5px}
@keyframes gf_spkTw{0%,100%{opacity:.55;scale:.88}50%{opacity:1;scale:1.03}}
@keyframes gf_spkFloat{0%,100%{translate:0 0}50%{translate:0 -3px}}
.gfa.gfa.gfa .hubcard:hover .spk i{opacity:1;scale:1;animation:gf_spkTw 5s ease-in-out infinite,gf_spkFloat 12s ease-in-out infinite}
.gfa.gfa.gfa .hubcard:hover .spk i:nth-child(1){transition-delay:.03s;animation-delay:.9s,0s;animation-duration:4.8s,11s}
.gfa.gfa.gfa .hubcard:hover .spk i:nth-child(2){transition-delay:.14s;animation-delay:1.7s,1.2s;animation-duration:5.6s,13s}
.gfa.gfa.gfa .hubcard:hover .spk i:nth-child(3){transition-delay:.25s;animation-delay:1.1s,2.4s;animation-duration:4.4s,10s}
.gfa.gfa.gfa .hubcard:hover .spk i:nth-child(4){transition-delay:.36s;animation-delay:2.1s,.6s;animation-duration:6s,14s}
.gfa.gfa.gfa .hubcard:hover .spk i:nth-child(5){transition-delay:.47s;animation-delay:1.4s,3.1s;animation-duration:5.2s,12s}
.gfa.gfa.gfa .hubcard:hover .spk i:nth-child(6){transition-delay:.58s;animation-delay:2.4s,1.8s;animation-duration:4.6s,15s}
.gfa.gfa.gfa.ph .spk i{opacity:1;scale:1;animation:gf_spkTw 5s ease-in-out infinite,gf_spkFloat 12s ease-in-out infinite}
.gfa.gfa.gfa.ph .spk i:nth-child(1){animation-delay:.9s,0s;animation-duration:4.8s,11s}
.gfa.gfa.gfa.ph .spk i:nth-child(2){animation-delay:1.7s,1.2s;animation-duration:5.6s,13s}
.gfa.gfa.gfa.ph .spk i:nth-child(3){animation-delay:1.1s,2.4s;animation-duration:4.4s,10s}
.gfa.gfa.gfa.ph .spk i:nth-child(4){animation-delay:2.1s,.6s;animation-duration:6s,14s}
.gfa.gfa.gfa.ph .spk i:nth-child(5){animation-delay:1.4s,3.1s;animation-duration:5.2s,12s}
.gfa.gfa.gfa.ph .spk i:nth-child(6){animation-delay:2.4s,1.8s;animation-duration:4.6s,15s}
.gfa.gfa.gfa .hubn{position:absolute;top:14px;right:14px;height:21px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;z-index:1;
    background:color-mix(in srgb,var(--h1) 15%,transparent);color:color-mix(in srgb,var(--h1) 88%,#fff);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--h1) 26%,transparent);font-size:11.5px;font-weight:800}
.gfa.gfa.gfa .hubn[hidden]{display:none}
.gfa.gfa.gfa .ladder{margin-top:28px;padding:15px 18px 16px;border-radius:18px;cursor:pointer;
    background:color-mix(in srgb,var(--panel) 82%,transparent);box-shadow:0 0 0 1px var(--line);animation:gf_rise .5s var(--ease) .24s backwards}
.gfa.gfa.gfa .lhead{font-size:10.5px;font-weight:800;letter-spacing:.7px;color:var(--dim);margin-bottom:13px}
.gfa.gfa.gfa .lrow{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:0 15px;align-items:center}
.gfa.gfa.gfa .lb{width:42px;height:42px;display:block}
.gfa.gfa.gfa .lb svg{width:42px;height:42px;display:block}
.gfa.gfa.gfa .lmid{display:grid;gap:7px;min-width:0}
.gfa.gfa.gfa .ltxt{font-size:13px;font-weight:650}
.gfa.gfa.gfa .lbar{position:relative;display:block;height:10px;border-radius:999px;background:#0c1017;box-shadow:inset 0 0 0 1px var(--line2)}
.gfa.gfa.gfa .lbar i{position:absolute;top:0;bottom:0;left:0;width:0;border-radius:999px;transition:width .7s var(--ease);
    background:linear-gradient(90deg,#2f5bd0,#5b8cff 55%,#cfe0ff);
    box-shadow:0 0 10px 1px rgba(91,140,255,.55), 0 0 26px 2px rgba(91,140,255,.35), inset 0 1px 0 rgba(255,255,255,.35)}
.gfa.gfa.gfa .lbar i::after{content:"";position:absolute;right:-1px;top:-3px;bottom:-3px;width:10px;border-radius:999px;
    background:radial-gradient(60% 50% at 50% 50%,rgba(220,235,255,.95),transparent 70%)}
.gfa.gfa.gfa .lcount{justify-self:end;font-size:11px;color:var(--dim)}
.gfa.gfa.gfa .ltiers{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px;padding-top:14px;box-shadow:inset 0 1px 0 var(--line)}
.gfa.gfa.gfa .tier{display:grid;justify-items:center;gap:6px;padding:10px 4px 9px;border-radius:13px;text-align:center;transition:background .16s,box-shadow .16s}
.gfa.gfa.gfa .tsw{position:relative;display:block;width:34px;height:34px}
.gfa.gfa.gfa .tsw > span{position:absolute;inset:0;transition:opacity .5s var(--ease)}
.gfa.gfa.gfa .tier svg{width:34px;height:34px}
.gfa.gfa.gfa .tier .lk{opacity:0}
.gfa.gfa.gfa .tier .ul{opacity:1}
.gfa.gfa.gfa .tier.off .lk{opacity:.75}
.gfa.gfa.gfa .tier.off .ul{opacity:0}
.gfa.gfa.gfa .tier b{font-size:11.5px}
.gfa.gfa.gfa .tier small{font-size:10.5px;color:var(--dim)}
.gfa.gfa.gfa .tier.on{background:color-mix(in srgb,var(--fg) 6%,transparent);box-shadow:inset 0 0 0 1px var(--line2)}
.gfa.gfa.gfa .tier.off b{color:var(--mid)}
.gfa.gfa.gfa .lnote{margin:12px 0 0;color:var(--dim);font-size:11.5px;line-height:16px}
.gfa.gfa.gfa .lnote b{color:var(--mid);font-weight:700}
.gfa.gfa.gfa.ph .ltiers{grid-template-columns:repeat(3,1fr);row-gap:4px}
.gfa.gfa.gfa.ph .hubh{font-size:25px;line-height:31px}
.gfa.gfa.gfa.ph .hubp{font-size:13px;line-height:19px}
.gfa.gfa.gfa.ph .hubgrid{grid-template-columns:1fr;gap:12px;margin-top:20px}
.gfa.gfa.gfa.ph .hubcard{aspect-ratio:auto;padding:16px}
.gfa.gfa.gfa.ph .hubcard b{font-size:17px;padding-top:22px}
.gfa.gfa.gfa.ph .hubcard small{font-size:12px;line-height:17px}
.gfa.gfa.gfa.ph .hart{padding:44px 0 6px}
.gfa.gfa.gfa.ph .hc-code b{font-size:19px;line-height:24px}
.gfa.gfa.gfa.ph .hc-code small{font-size:13px;line-height:19px}
.gfa.gfa.gfa.ph .hc-code b, .gfa.gfa.gfa.ph .hc-code small{text-align:left}
.gfa.gfa.gfa.ph .hc-code small{margin:6px 0 18px;max-width:none}
.gfa.gfa.gfa.ph .hc-code .field{height:54px}
.gfa.gfa.gfa.ph .hc-code .field input{font-size:15.5px;letter-spacing:2.4px}
.gfa.gfa.gfa.ph .hc-code .btn.wide{height:50px;font-size:14.5px}
.gfa.gfa.gfa.ph .ceyebrow{font-size:11px}
.gfa.gfa.gfa.ph .hart svg, .gfa.gfa.gfa.ph .hart img{width:208px}
.gfa.gfa.gfa.ph .hubn{top:12px;right:12px;height:20px;padding:0 8px;font-size:10.5px}
.gfa.gfa.gfa.ph .hubcard{padding:20px 18px 16px}
.gfa.gfa.gfa .subhead{display:flex;align-items:center;gap:10px;margin:0 0 16px;animation:gf_rise .4s var(--ease) backwards}
.gfa.gfa.gfa .subhead h2{margin:0;font-size:21px;line-height:27px;font-weight:800;letter-spacing:-.5px}
.gfa.gfa.gfa .build > h2, .gfa.gfa.gfa .build > p{display:none}
@keyframes gf_leave{to{opacity:0;transform:scale(.985)}}
.gfa.gfa.gfa.ph .builder{margin-top:12px;padding:13px 13px 15px}
.gfa.gfa.gfa.ph .payrow{display:flex;align-items:center;gap:12px;margin:16px 0 0}
.gfa.gfa.gfa .bprice{display:none}
.gfa.gfa.gfa.ph .payrow .total{display:none}
.gfa.gfa.gfa.ph .payrow .btn.wide{flex:1;margin:0;height:50px;justify-content:space-between;padding:0 16px;font-size:14.5px}
.gfa.gfa.gfa.ph .bprice{display:block;font-size:15px;font-weight:800;letter-spacing:-.3px}
.gfa.gfa.gfa.ph .payrow .small{display:none}
@keyframes gf_midPop{0%{opacity:0;transform:scale(.88) translateY(7px)}
                    58%{opacity:1;transform:scale(1.03) translateY(0)}
                    100%{opacity:1;transform:none}}
.gfa.gfa.gfa .pay.bad .field{box-shadow:inset 0 0 0 1.5px var(--bad)}
.gfa.gfa.gfa .sec{display:flex;align-items:center;gap:10px;margin:26px 0 10px;font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--dim);animation:gf_rise .46s var(--ease) .14s backwards}
.gfa.gfa.gfa .sec::after{content:"";flex:1;height:1px;background:var(--line)}
.gfa.gfa.gfa .inv{border-radius:16px;background:var(--panel);box-shadow:0 0 0 1px var(--line);overflow:hidden;animation:gf_rise .46s var(--ease) .16s backwards}
.gfa.gfa.gfa .inv + .inv{margin-top:14px}
.gfa.gfa.gfa .ihead{display:flex;align-items:center;gap:8px;padding:13px 16px 9px;font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--dim)}
.gfa.gfa.gfa .ihead .n{height:18px;min-width:18px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent-lt);font-size:10.5px}
.gfa.gfa.gfa .row{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;grid-template-areas:"b t s a";gap:0 12px;align-items:center;padding:12px 16px;
    transition:background .16s var(--ease);animation:gf_rise .4s var(--ease) backwards}
.gfa.gfa.gfa .row:nth-child(2){animation-delay:.05s}
.gfa.gfa.gfa .row:nth-child(3){animation-delay:.1s}
.gfa.gfa.gfa .row:nth-child(4){animation-delay:.15s}
.gfa.gfa.gfa .row:hover{background:color-mix(in srgb,var(--fg) 3.5%,transparent)}
.gfa.gfa.gfa .row .btn{transition:filter .15s,transform .12s var(--ease),background .15s,box-shadow .15s}
.gfa.gfa.gfa .row + .row{box-shadow:inset 0 1px 0 var(--line)}
.gfa.gfa.gfa .row > .bg2{grid-area:b;width:32px;height:32px}
.gfa.gfa.gfa .row .t{grid-area:t;min-width:0}
.gfa.gfa.gfa .row .t b{display:block;font-size:13.5px}
.gfa.gfa.gfa .row .t small{display:block;color:var(--dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gfa.gfa.gfa .row .st{grid-area:s}
.gfa.gfa.gfa .row .btn{grid-area:a;height:32px;min-width:84px;padding:0 12px;font-size:12.5px}
.gfa.gfa.gfa .row.new{animation:gf_pop .5s var(--ease)}
.gfa.gfa.gfa.ph .row{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"b t t" "s s a";row-gap:14px;padding-top:14px;padding-bottom:14px}
.gfa.gfa.gfa.ph .row .st{justify-self:start}
.gfa.gfa.gfa .st{height:24px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;white-space:nowrap}
.gfa.gfa.gfa .st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.gfa.gfa.gfa .st.wait{color:var(--warn);background:color-mix(in srgb,var(--warn) 12%,transparent)}
.gfa.gfa.gfa .st.mine{color:#c9a6ff;background:color-mix(in srgb,var(--gift) 14%,transparent)}
.gfa.gfa.gfa .st.done{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}
.gfa.gfa.gfa .st.gone{color:var(--dim);background:color-mix(in srgb,var(--fg) 7%,transparent)}
.gfa.gfa.gfa .empty{padding:18px 16px;text-align:center;color:var(--dim);font-size:12.5px;line-height:18px}
.gfa.gfa.gfa .note{padding:10px 16px 12px;color:var(--dim);font-size:11.5px;line-height:16px;box-shadow:inset 0 1px 0 var(--line)}
@keyframes gf_shake{0%,100%{transform:none}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
@keyframes gf_toastIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.gfa.gfa.gfa *{animation:none!important;transition:none!important}}