#line-qr-modal[hidden],#line-qr-modal .line-qr-layout[hidden]{display:none!important}
#line-qr-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(16,35,29,.58);overscroll-behavior:contain}
#line-qr-modal .line-qr-dialog{box-sizing:border-box;width:min(840px,100%);height:546px;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;background:#fff;color:#1c3150;border:1px solid #d6e9dd;border-radius:26px;box-shadow:0 24px 90px rgba(0,25,12,.25);padding:12px 22px}
#line-qr-modal .line-qr-head{display:flex;align-items:center;justify-content:space-between;gap:14px;height:56px;margin-bottom:22px}
#line-qr-modal .line-qr-brand{display:block;flex:none}
#line-qr-modal .line-qr-mark{display:block;width:56px;height:auto}
#line-qr-modal .line-qr-guide{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
#line-qr-modal .line-qr-admin{display:block;box-sizing:border-box;flex:0 0 52px;width:52px;height:52px;border:2px solid #fff;border-radius:50%;overflow:hidden;background:var(--theme-soft);box-shadow:0 0 0 1px #c9e1d1}
#line-qr-modal .line-qr-admin img{display:block;width:100%;height:100%;object-fit:cover}
#line-qr-modal .line-qr-guide-bubble{position:relative;display:grid;align-items:center;flex:1;min-width:0;min-height:52px;padding:10px 16px;border:1px solid #d6e9dd;border-radius:16px;background:#f1f8f3;color:#204b33;font-size:18px;font-weight:600;line-height:1.5;white-space:nowrap}
#line-qr-modal .line-qr-guide-bubble::before{content:"";position:absolute;left:-6px;top:20px;width:10px;height:10px;transform:rotate(45deg);background:#f1f8f3;border-left:1px solid #d6e9dd;border-bottom:1px solid #d6e9dd}
#line-qr-modal .line-qr-guide-reserve,#line-qr-modal .line-qr-guide-text,#line-qr-modal .line-qr-typing{grid-area:1 / 1}
#line-qr-modal .line-qr-guide-reserve{visibility:hidden;padding-right:5px}
#line-qr-modal .line-qr-guide-text{justify-self:start}
#line-qr-modal .line-qr-guide[data-writing="true"] .line-qr-guide-text::after{content:"";display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.14em;background:#548867;animation:line-qr-caret .65s steps(1) infinite}
#line-qr-modal .line-qr-typing{display:none;align-items:center;gap:6px}
#line-qr-modal .line-qr-typing i{display:block;width:7px;height:7px;background:#548867;border-radius:50%;animation:line-qr-typing-dot .8s ease-in-out infinite}
#line-qr-modal .line-qr-typing i:nth-child(2){animation-delay:.12s}
#line-qr-modal .line-qr-typing i:nth-child(3){animation-delay:.24s}
#line-qr-modal .line-qr-guide[data-typing="true"] .line-qr-guide-text{visibility:hidden}
#line-qr-modal .line-qr-guide[data-typing="true"] .line-qr-typing{display:flex}
#line-qr-modal .line-qr-recipient{display:flex;align-items:center;gap:10px;flex:none;height:44px;margin:0 0 8px;min-width:0}
#line-qr-modal .line-qr-site-logo{display:block;width:44px;height:44px;flex:0 0 44px;border:1px solid #dce6e0;border-radius:50%;object-fit:cover;background:#fff}
#line-qr-modal .line-qr-site-logo[hidden]{display:none}
#line-qr-modal .line-qr-page{display:inline-flex;align-items:center;gap:7px;min-width:0;line-height:1.4;font-size:17px;font-weight:800;color:#155b36}
#line-qr-modal #line-qr-page-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#line-qr-modal .line-qr-fu{flex:none;font-size:22px;font-weight:500}
#line-qr-modal .line-qr-close{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:6px;min-height:46px;padding:8px 13px;border:2px solid #efcbcb;background:var(--red-soft);color:#b53b3b;border-radius:16px;cursor:pointer;font:inherit;font-size:15px;font-weight:700;white-space:nowrap}
#line-qr-modal .line-qr-close :is(svg,.ui-icon){width:17px;height:17px}
#line-qr-modal .line-qr-close:hover{background:#fde9eb}
#line-qr-modal .line-qr-close:focus-visible{outline:3px solid #efb63e;outline-offset:3px}
#line-qr-modal .line-qr-layout{display:grid;grid-template-columns:400px minmax(0,1fr);grid-template-rows:400px 32px;align-items:stretch;column-gap:24px;row-gap:10px;height:442px}
#line-qr-modal .line-qr-visual{position:relative;min-width:0;text-align:center}
#line-qr-modal .line-qr-scan-label{position:absolute;z-index:1;top:-15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;margin:0;padding:0 10px;background:#fff;color:#326045;font-size:18px;font-weight:500;line-height:27px;white-space:nowrap}
#line-qr-modal .line-qr-scan-label strong{font-weight:800}
#line-qr-modal .line-qr-scan-label :is(svg,.ui-icon){width:20px;height:20px;flex:none}
#line-qr-modal .line-qr-code{box-sizing:border-box;width:400px;height:400px;padding:10px;border:2px solid #d6e9dd;border-radius:20px;background:#fff;margin:0 auto;box-shadow:0 4px 14px rgba(8,125,55,.06)}
#line-qr-modal .line-qr-code :is(svg,img){display:block;width:100%;height:100%;shape-rendering:crispEdges}
#line-qr-modal .line-qr-handle{display:inline-flex;align-items:baseline;gap:7px;flex:none;margin:0;white-space:nowrap}
#line-qr-modal .line-qr-handle-label{color:#536b5e;font-size:14px;font-weight:500;line-height:1.5}
#line-qr-modal .line-qr-handle-value{box-sizing:border-box;display:inline-block;min-height:32px;padding:2px 9px;border:1px solid #cce7d5;border-radius:10px;background:#edf8f0;color:#087d37;font-size:20px;font-weight:800;line-height:26px}
#line-qr-modal .line-qr-copy{min-width:0;min-height:0;display:flex;flex-direction:column}
#line-qr-modal .line-qr-message-label{flex:none}
#line-qr-modal .line-qr-footer{grid-column:1 / -1;display:flex;justify-content:center;gap:18px;align-items:baseline;min-width:0}
#line-qr-modal .line-qr-instruction{margin:0;font-size:15px;line-height:1.5;color:#496657;white-space:nowrap}
#line-qr-modal .line-qr-message-label{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:#326045;font-size:17px;font-weight:800;line-height:1.5;white-space:nowrap}
#line-qr-modal .line-qr-message-label :is(svg,.ui-icon){display:block;width:20px;height:20px;flex:0 0 20px}
#line-qr-modal .line-qr-preview-note{margin-left:auto;font-size:13px;font-weight:500;color:#536b5e}
#line-qr-modal .line-qr-message{box-sizing:border-box;width:100%;flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain;padding:14px 12px;background:#eef2f0;border:1px solid #dfe7e2;border-radius:14px;font-size:16px;line-height:1.65;color:#243e30;user-select:text}
#line-qr-modal .line-qr-message-bubble{position:relative;width:fit-content;max-width:calc(100% - 18px);margin:0 8px 0 auto;padding:12px 14px;background:#a3e78f;border-radius:17px 4px 17px 17px;box-shadow:0 1px 2px rgba(26,52,36,.08);white-space:pre-wrap;overflow-wrap:anywhere;color:#173526}
#line-qr-modal .line-qr-message-bubble::after{content:"";position:absolute;top:0;right:-7px;width:9px;height:12px;background:#a3e78f;clip-path:polygon(0 0,100% 0,0 100%)}
#line-qr-modal .line-qr-error{margin:0;padding:18px;background:#fff6ed;border:1px solid #efd4b8;border-radius:14px;color:#8a4b11;line-height:1.7}
@keyframes line-qr-typing-dot{0%,70%,100%{opacity:.45;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}
@keyframes line-qr-caret{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){#line-qr-modal .line-qr-typing i,#line-qr-modal .line-qr-guide-text::after{animation:none}}
@media(max-height:620px){#line-qr-modal{padding:14px}#line-qr-modal .line-qr-dialog{max-height:calc(100dvh - 28px)}}

#line-qr-modal .line-qr-guide[hidden]{display:none!important}