@layer components{:is(.front-root,.front-footer) .front-logo{display:flex;align-items:center;container-type:inline-size;color:var(--front-ink)}:is(.front-root,.front-footer) .front-logo[data-tone=light]{color:var(--front-hero-ink)}:is(.front-root,.front-footer) .front-logo[data-tone=dark]{color:var(--front-band-ink)}:is(.front-root,.front-footer) .front-logo-badge{width:21cqi;height:21cqi}:is(.front-root,.front-footer) .front-logo-name{margin-inline-start:5cqi;font-size:11.5cqi;line-height:1.1;white-space:nowrap}}@layer components{:is(.front-root,.front-footer){--front-cjk-sans:"Noto Sans SC","Noto Sans TC","Noto Sans JP","Noto Sans KR";--front-text:"Inter","Inter Fallback",var(--front-cjk-sans),"Noto Sans Thai",system-ui,sans-serif;--front-tracking:1;--front-band:#3d2436;--front-band-ink:#fbf4ee;--front-band-muted:rgb(251 244 238/0.64);--front-band-line:rgb(251 244 238/0.08);--front-page-w:1320px;--front-page-gutter:16px}@media (min-width:768px){:is(.front-root,.front-footer){--front-page-gutter:32px}}:lang(zh-TW) :is(.front-root,.front-footer){--front-cjk-sans:"Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR"}:lang(ja) :is(.front-root,.front-footer){--front-cjk-sans:"Noto Sans JP","Noto Sans TC","Noto Sans SC","Noto Sans KR"}:lang(ko) :is(.front-root,.front-footer){--front-cjk-sans:"Noto Sans KR","Noto Sans TC","Noto Sans JP","Noto Sans SC"}:lang(ja) :is(.front-root,.front-footer),:lang(ko) :is(.front-root,.front-footer),:lang(th) :is(.front-root,.front-footer),:lang(zh) :is(.front-root,.front-footer){--front-tracking:0}.front-footer{--foreground:var(--front-band-ink);--muted-foreground:var(--front-band-muted);--card:rgb(251 244 238/0.08);--border:rgb(251 244 238/0.18);--ring:var(--front-band-ink);--secondary:rgb(251 244 238/0.1);--footer-side:max(var(--front-page-gutter),calc((100% - var(--front-page-w)) / 2 + var(--front-page-gutter)));position:relative;z-index:10;padding:48px var(--footer-side) calc(28px + env(safe-area-inset-bottom, 0px));background:var(--front-band);color:var(--front-band-muted);font:500 14.5px/1.4 var(--front-text);overflow-x:clip}.front-footer .front-footer-grid{display:grid;gap:28px}.front-footer .front-footer-brand p{max-width:30ch;margin:12px 0 10px}.front-footer .front-footer-logo{display:inline-block;border-radius:6px}.front-footer .front-footer-heading{margin:0;color:var(--front-band-ink);font:600 12.5px/1.3 var(--front-text);letter-spacing:calc(.12em * var(--front-tracking));text-transform:uppercase}.front-footer .front-footer-columns{display:grid}.front-footer .front-footer-column{border-top:1px solid var(--front-band-line)}.front-footer .front-footer-column:last-child{border-bottom:1px solid var(--front-band-line)}.front-footer .front-footer-heading-row{margin:0}.front-footer .front-footer-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0;border:0;background:none;text-align:start;cursor:pointer}.front-footer .front-footer-toggle:after{content:"";width:8px;height:8px;margin-right:4px;border-right:1.5px solid;border-bottom:1.5px solid;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}.front-footer .front-footer-toggle[aria-expanded=true]:after{transform:translateY(2px) rotate(-135deg)}.front-footer .front-footer-toggle:focus-visible{outline:2px solid var(--front-band-ink);outline-offset:2px}.front-footer .front-footer-column[data-collapsed] ul{display:none}.front-footer .front-footer-column ul{display:flex;flex-direction:column;margin:0;padding:0 0 12px;list-style:none}.front-footer .front-footer-column a,.front-footer .front-footer-link{--footer-row:44px;display:inline-flex;align-items:center;min-width:44px;min-height:var(--footer-row);padding-block:calc((var(--footer-row) - 1lh) / 2);color:var(--front-band-muted);overflow-wrap:anywhere;text-decoration:none}@media (hover:hover) and (pointer:fine){.front-footer .front-footer-column a,.front-footer .front-footer-link{--footer-row:32px;min-width:24px}}.front-footer .front-footer-column a:hover,.front-footer .front-footer-link:hover{color:var(--front-band-ink);text-decoration:underline;text-underline-offset:3px}.front-footer a:focus-visible{outline:2px solid var(--front-band-ink);outline-offset:2px;border-radius:3px}.front-footer .front-footer-android{display:grid;justify-items:start;gap:2px;margin-top:14px}.front-footer .front-footer-install{position:relative}.front-footer .front-footer-android-link{font-size:13.5px}.front-footer .front-footer-qr{display:none}@media (hover:hover) and (pointer:fine){.front-footer .front-footer-qr{position:absolute;bottom:calc(100% + 10px);left:0;z-index:2;display:block;width:max-content;background:var(--front-band);border-radius:16px;box-shadow:0 18px 40px -16px rgb(0 0 0/.6);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}.front-footer .front-footer-install:is(:hover,:focus-within):not([data-dismissed]) .front-footer-qr{opacity:1;visibility:visible;transform:none;transition-delay:0s}}.front-footer .front-footer-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--front-band-line);font-size:13.5px}.front-footer .front-footer-base p{margin:0}.front-footer .front-footer-settings{display:flex;gap:4px}@media (min-width:768px){.front-footer .front-footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.front-footer .front-footer-column,.front-footer .front-footer-column:last-child{border:0}.front-footer .front-footer-column[data-collapsed] ul{display:flex}.front-footer .front-footer-column>.front-footer-heading,.front-footer .front-footer-heading-row{margin-bottom:8px}.front-footer .front-footer-toggle{min-height:0;cursor:default}.front-footer .front-footer-toggle:after{content:none}.front-footer .front-footer-column ul{padding:0}}@media (min-width:1024px){.front-footer .front-footer-grid{grid-template-columns:minmax(220px,1.3fr) minmax(0,5fr);gap:clamp(32px,4vw,96px)}.front-footer .front-footer-columns{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.front-footer *{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0s!important}}}