.line-chat{--line-green:#057a3b;--line-green-hover:#046a33;flex-direction:column;align-items:flex-start;gap:.6rem;max-width:100%;display:flex}.line-chat__button{border:2px solid var(--ink);background:var(--line-green);color:#fff;text-align:center;max-width:100%;min-height:3rem;box-shadow:0 4px 0 var(--ink);transition:transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo), background var(--duration-fast) var(--ease-out-expo);border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.5rem;font-weight:700;display:inline-flex}.line-chat__button:hover{background:var(--line-green-hover);box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.line-chat__button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.line-chat__button:focus-visible{outline:3px solid var(--boss-cobalt);outline-offset:3px}.line-chat__icon{flex:none}.line-chat__inapp{border:2px solid var(--ink);max-width:30rem;color:var(--space-star);background:#fff4d1;border-radius:1rem;padding:.65rem .9rem;font-size:.875rem;line-height:1.6}.line-chat__manual{max-width:min(100%,30rem);color:var(--space-body);font-size:.8125rem;line-height:1.6}.line-chat__manual summary{cursor:pointer;width:fit-content;color:var(--boss-cobalt-deep);text-underline-offset:3px;font-weight:600;text-decoration:underline}.line-chat__manual[open] summary{margin-bottom:.4rem}.line-chat__manual p{margin-top:.3rem}.line-chat__message{border:2px dashed var(--color-field-line);border-radius:var(--radius-field);color:var(--space-star);overflow-wrap:anywhere;background:#fff;padding:.5rem .75rem}.line-chat .line-chat__copy{margin-top:.5rem;font-size:.8125rem}html:has(.line-qr[open]){overflow:hidden}.line-qr{overscroll-behavior:contain;width:min(100vw - 2rem,40rem);max-height:calc(100dvh - 2rem);color:var(--space-body);background:0 0;border:0;margin:auto;padding:0;overflow-y:auto}.line-qr::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e2a4a8c}.line-qr[open] .line-qr__panel{animation:line-qr-in var(--duration-normal,.3s) var(--ease-out-expo) both}@keyframes line-qr-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.line-qr__panel{border:2px solid var(--ink);border-radius:var(--radius-card);box-shadow:0 6px 0 var(--ink);background:#fff;padding:1.5rem 1.25rem 1.25rem;position:relative}@media (min-width:640px){.line-qr__panel{padding:1.75rem 1.75rem 1.5rem}}.line-qr__close{border:2px solid var(--ink);width:2.5rem;height:2.5rem;color:var(--ink);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-expo);background:#fff;border-radius:999px;place-items:center;font-size:1.5rem;line-height:1;display:grid;position:absolute;top:.75rem;right:.75rem}.line-qr__close:hover{transform:rotate(90deg)}.line-qr__close:focus-visible{outline:3px solid var(--boss-cobalt);outline-offset:3px}.line-qr__title{font-family:var(--font-mitr), var(--font-anuphan), sans-serif;color:var(--space-star);padding-right:3rem;font-size:1.25rem;font-weight:600;line-height:1.35}.line-qr__grid{align-items:center;gap:1rem 1.25rem;margin-top:1rem;display:grid}@media (min-width:560px){.line-qr__grid{grid-template-columns:auto minmax(0,1fr)}}.line-qr__frame{border:2px solid var(--ink);background:#fff;border-radius:1rem;justify-self:center;width:fit-content;max-width:100%;overflow:hidden}.line-qr__code{display:block}.line-qr__steps{counter-reset:line-qr-step;color:var(--space-star);gap:.6rem;font-size:.9375rem;line-height:1.55;display:grid}.line-qr__steps li{counter-increment:line-qr-step;grid-template-columns:1.75rem minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.line-qr__steps li:before{content:counter(line-qr-step);border:2px solid var(--ink);background:var(--line-green,#057a3b);color:#fff;border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;font-size:.8125rem;font-weight:700;display:grid}.line-qr__text{border:2px dashed var(--color-field-line);border-radius:var(--radius-field);background:var(--sky-mid);color:var(--space-star);overflow-wrap:anywhere;margin-top:1.1rem;padding:.6rem .8rem;font-size:.9375rem;line-height:1.6}.line-qr__actions{margin-top:.75rem}.line-qr__actions .btn-holo{font-size:.875rem}.line-qr__hint{color:var(--space-body);margin-top:.75rem;font-size:.8125rem;line-height:1.6}@media (prefers-reduced-motion:reduce){.line-qr[open] .line-qr__panel{animation:none}.line-qr__close{transition:none}.line-qr__close:hover{transform:none}.line-chat__button{transition:none}.line-chat__button:hover,.line-chat__button:active{transform:none}}