.share-dialog{box-sizing:border-box;width:min(480px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:30px;border:1px solid #c9d0bd;border-radius:16px;background:#f5f5ef;color:#20241d;font-family:'Noto Sans JP',sans-serif;box-shadow:0 25px 90px #0005}
.share-dialog::backdrop{background:#10140dbb;backdrop-filter:blur(4px)}.share-dialog button,.share-dialog a{font:inherit;cursor:pointer;touch-action:manipulation}.share-close{position:absolute;right:12px;top:8px;width:44px;height:44px;border:0;background:none;color:#454b3e;font-size:28px!important}.share-kicker{font-size:9px;letter-spacing:.12em;color:#6b7065;margin:5px 0 18px}.share-dialog h2{font-size:21px;letter-spacing:-.05em;line-height:1.6;margin:0 0 14px}.share-preview{font-size:13px;line-height:1.8;margin:0 0 20px;overflow-wrap:anywhere}.share-options{display:grid;gap:9px;margin-bottom:21px}.share-options a,.share-options button{border:1px solid #d0d7c3;background:white;color:#20241d;min-height:48px;border-radius:8px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-size:13px}.share-options a{background:#20241d;border-color:#20241d;color:white}.share-dialog label{font-size:11px;color:#656e59}.share-dialog input{box-sizing:border-box;width:100%;font:13px monospace;background:#fff;color:#20241d;border:1px solid #c9d0bd;border-radius:6px;padding:12px;margin-top:6px}.share-result{min-height:21px;font-size:12px;color:#42631b;margin:10px 0 0}.share-dialog :focus-visible{outline:2px solid #69952b;outline-offset:3px}.portal-share-button{border:1px solid #c4cbb7;background:none;color:inherit;font:600 11px var(--sans);padding:11px 15px;min-height:44px;border-radius:7px;cursor:pointer}.site-footer .footer-links{gap:12px 18px}.hero-actions .share-hero{min-height:44px;font-size:12px}.support-shortcut{display:inline-flex;align-items:center;min-height:44px;font-size:11px;color:var(--muted);gap:5px}.support-shortcut:hover{text-decoration:underline}.share-dialog .share-close:focus-visible{outline-offset:0}@media(max-width:540px){.share-dialog{padding:27px 20px}.share-dialog h2{font-size:19px}.hero-actions .share-hero{font-size:12px}.portal-footer .portal-share-button{font-size:11px}}