.share-modal{display:none;position:fixed;z-index:var(--z-index-modal);left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);overflow:auto}.share-modal-content{position:relative;background-color:var(--color-surface);color:var(--text-color-body);margin:15% auto;padding:var(--spacing-lg);border-radius:var(--border-radius);width:90%;max-width:300px;box-shadow:var(--shadow-lg)}.qrcode-container{margin:var(--spacing-md)0;display:flex;justify-content:center}.page-qr-code{max-width:200px;height:auto}.share-url-container{display:flex;flex-direction:column;margin:var(--spacing-md)0 0;gap:var(--spacing-sm)}.share-url-container input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:var(--font-size-small)}.copy-url-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;width:100%;transition:background-color .2s}.copy-url-btn:hover{background-color:var(--color-primary-variant)}.copy-url-btn.success{background-color:var(--color-success)}[data-theme=dark] .share-modal-content{background-color:var(--color-surface);color:var(--text-color-body)}[data-theme=dark] .share-url-container input{background-color:var(--dark-surface);color:var(--dark-text-primary);border-color:var(--color-border)}