/* Isolated entry guide: keeps all original page styles and age-confirmation UI intact. */
body.pl-browser-active { margin: 0; background: #210c1c; }
.pl-guide-loading { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #210c1c; color: #ffafd0; font: 28px sans-serif; }
.pl-browser, .pl-browser * { box-sizing: border-box; }
.pl-browser { min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: max(24px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left)); position: relative; isolation: isolate; color: #fff4fa; background: radial-gradient(ellipse at 50% 14%, #6b2049 0, #380f2a 43%, #210c1c 90%); font-family: Poppins, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif; line-height: 1.5; }
.pl-browser [hidden] { display: none !important; }
.pl-browser-glow { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: radial-gradient(ellipse at 15% 72%, #ff5c9e10, transparent 40%), radial-gradient(ellipse at 85% 22%, #ff9bc522, transparent 30%); }
.pl-browser-card { width: 100%; max-width: 460px; padding: 26px 30px 22px; border: 1px solid #ff8cbf40; border-radius: 26px; background: linear-gradient(155deg, #4a1739f7, #2c1025fc); box-shadow: 0 24px 80px #09020766, 0 0 60px #ff5c9e0a, inset 0 1px #ffffff0d; position: relative; text-align: center; overflow: hidden; }
.pl-browser-card::before { content: ''; position: absolute; inset: 0 24px auto; height: 2px; background: linear-gradient(90deg, transparent, #ff8abc, transparent); }
.pl-browser-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; text-align: left; }
.pl-brand { display: flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 750; white-space: nowrap; }
.pl-brand-mark { display: grid; place-items: center; width: 34px; height: 34px; background: linear-gradient(135deg, #ff8abc, #d6409f); border-radius: 11px; color: #fff; font-size: 21px; box-shadow: 0 4px 16px #ff5c9e33; }
.pl-brand small { display: block; font-size: 8px; letter-spacing: 3px; color: #e5b7ce; line-height: 1.2; }
.pl-language { max-width: 116px; min-height: 44px; padding: 5px 7px; border: 1px solid #ffb7d42b; border-radius: 10px; color: #f6deec; background: #36122a; font: inherit; font-size: 12px; cursor: pointer; }
.pl-browser-badge { display: inline-flex; align-items: center; justify-content: center; gap: 7px; margin: 24px 0 0; color: #efc6d9; font-size: 11px; }
.pl-browser-badge i { width: 6px; height: 6px; border-radius: 50%; background: #ff8bbb; box-shadow: 0 0 10px #ff5c9e66; }
.pl-transfer { display: flex; align-items: center; width: min(100%, 242px); gap: 14px; margin: 22px auto 24px; }
.pl-node { display: grid; place-items: center; flex: 0 0 58px; height: 58px; border-radius: 18px; border: 1px solid #ec8db52e; background: #300f27; }
.pl-node-app { color: #c48ba8; font-size: 22px; letter-spacing: 3px; padding-left: 3px; }
.pl-node-safari { color: #ffb3d2; background: linear-gradient(145deg, #a33568, #56203f); border-color: #ff9dc97a; box-shadow: 0 0 0 6px #ff5c9e09, 0 0 30px #ff5c9e1a; }
.pl-node-safari svg { width: 42px; height: 42px; }
.pl-transfer-line { flex: 1; height: 1px; background: linear-gradient(90deg, #bb558549, #ff9bc5); position: relative; overflow: hidden; }
.pl-transfer-line i { position: absolute; inset: -1px auto auto -8px; width: 8px; height: 3px; background: #ffd2e8; border-radius: 3px; animation: pl-transfer 3s linear infinite; }
.pl-transfer-line i:nth-child(2) { animation-delay: -1s; }.pl-transfer-line i:nth-child(3) { animation-delay: -2s; }
@keyframes pl-transfer { to { transform: translateX(112px); } }
.pl-eyebrow { margin: 0 0 8px; color: #e4a0c0; font-size: 10px; letter-spacing: 2px; }
.pl-browser-card h1 { margin: 0; color: #fff5fa; font-size: clamp(25px, 5.5vw, 31px); line-height: 1.3; font-weight: 800; letter-spacing: -.7px; overflow-wrap: anywhere; }
.pl-browser-card h1:focus { outline: none; }
#pl-browser-desc { margin: 13px auto 20px; color: #e6bfd3; font-size: 13px; line-height: 1.7; }
.pl-browser-steps { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; text-align: left; }
.pl-browser-steps li { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 11px; padding: 10px 11px; border: 1px solid #ffbbd71c; border-radius: 12px; background: #ffffff04; min-height: 49px; }
.pl-browser-steps li > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; color: #ffb8d7; background: #ff5c9e14; border: 1px solid #ff82b32e; font-size: 11px; font-weight: 650; }
.pl-browser-steps p { margin: 0; color: #efd3e2; font-size: 12px; line-height: 1.65; }
.pl-browser-actions { display: grid; gap: 10px; margin-top: 20px; }
.pl-browser-actions button { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 48px; padding: 12px 14px; border-radius: 13px; border: 1px solid transparent; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: filter 160ms, background 160ms; }
.pl-browser-actions button svg { flex: 0 0 20px; width: 20px; height: 20px; }
.pl-open { background: linear-gradient(110deg, #ffafd0, #fa80b2 60%, #ed64a4); color: #391027; box-shadow: 0 6px 22px #ff5c9e22; }
.pl-browser-actions .pl-copy { background: #ffffff06; color: #f4d1e2; border-color: #ffb4d340; }
.pl-browser-actions .pl-copy.is-copied { color: #cbf7dd; border-color: #8ddfb077; background: #153e2b55; }
.pl-browser-actions button:hover { filter: brightness(1.08); }
.pl-browser-actions button:disabled { opacity: .65; cursor: wait; }
.pl-browser :is(button, select, textarea):focus-visible { outline: 2px solid #ffbfdd; outline-offset: 4px; }
.pl-browser-status { margin: 12px 0 0; color: #ffd3e8; font-size: 12px; line-height: 1.7; }
.pl-address-label { display: block; text-align: left; margin-top: 15px; color: #caa4bb; font-size: 10px; }
.pl-browser-address { display: block; resize: vertical; width: 100%; min-height: 52px; max-height: 150px; margin: 6px 0 0; padding: 8px 10px; background: #1e0a194d; color: #e2bfd2; border: 1px solid #ffb4d325; border-radius: 9px; font: 11px/1.6 ui-monospace, Consolas, monospace; overflow-wrap: anywhere; word-break: break-all; white-space: pre-wrap; -webkit-user-select: text; user-select: text; }
.pl-browser-note { margin: 16px 0 0; color: #d7b1c7; font-size: 11px; line-height: 1.7; }
.pl-browser-privacy { margin: 7px 0 0; color: #c59aB3; font-size: 10px; line-height: 1.7; }
.pl-preview { margin: 12px auto 0; color: #f4c8a4; font-size: 9px; letter-spacing: 1px; }
.pl-copy-helper { position: fixed; top: 0; left: -9999px; width: 1px; height: 1px; font-size: 16px; }
@media (max-width: 420px) { .pl-browser { padding-left: 14px; padding-right: 14px; } .pl-browser-card { padding: 22px 20px 20px; border-radius: 22px; } .pl-browser-badge { margin-top: 19px; } .pl-transfer { margin-top: 19px; margin-bottom: 21px; } .pl-language { font-size: 11px; max-width: 108px; } }
@media (max-width: 340px) { .pl-browser-card { padding-inline: 15px; } .pl-brand { font-size: 15px; } .pl-browser-card h1 { font-size: 25px; } .pl-browser-steps p { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .pl-transfer-line i { animation: none; } .pl-browser-actions button { transition: none; } }