.browser-guide{box-sizing:border-box;color:#f4e8c9;background:#121c1c;font-family:system-ui,sans-serif}section.browser-guide{min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at top,#34403c,#101817 75%)}dialog.browser-guide{width:min(560px,calc(100% - 32px));max-height:90dvh;padding:28px;border:1px solid #a88a52;border-radius:16px;overflow:auto}.browser-guide::backdrop{background:#050909da}.browser-guide-card{width:100%;max-width:480px;margin:auto}.browser-guide-kicker{color:#c9aa70;font-size:11px;letter-spacing:.14em}.browser-guide h1{font-family:Georgia,Batang,serif;font-size:clamp(23px,5.7vw,32px);line-height:1.5;margin:24px 0 16px;word-break:keep-all}.browser-guide p{font-size:14px;line-height:1.7;color:#b7c4bd;word-break:keep-all}.browser-guide a,.browser-guide button{box-sizing:border-box;display:block;width:100%;min-height:50px;padding:14px 16px;margin:12px 0;border:1px solid #77664b;border-radius:8px;background:#293631;color:#f7ebce;text-align:center;font:600 15px system-ui;cursor:pointer;text-decoration:none}.browser-guide .chrome-open{background:#bd9a58;color:#141b16;border-color:#d8bb7d}.browser-guide [hidden]{display:none}.browser-address-label{display:block;font-size:12px;color:#bcc8c0;margin-top:24px}.browser-address{box-sizing:border-box;width:100%;font:13px system-ui;color:#d4e0d9;background:#101916;border:1px solid #43514a;border-radius:6px;min-height:44px;padding:10px;margin-top:8px}.browser-guide .browser-copy-status{font-size:12px;min-height:22px}.browser-help{border-top:1px solid #425045;padding-top:18px;margin-top:12px;font-size:14px}.browser-help p{font-size:13px}.browser-notice{display:block;max-width:430px;margin:0 0 18px;padding:12px 14px;border:1px solid #b5a47770;border-radius:8px;background:#111c1be8;color:#ecdfba;font:13px/1.6 system-ui;text-align:left;cursor:pointer;word-break:keep-all}.browser-notice span{display:block;color:#c4d0c4;font-size:11px;margin-top:3px}@media(max-width:600px){.browser-notice{font-size:12px;padding:9px 12px;margin-bottom:12px}}body:has(>#app>section.browser-guide){margin:0}