.site-access-page { min-height: 100svh; display: flex; flex-direction: column; background: #f5f5f7; color: #1d1d1f; }
.site-access-header { width: min(100% - 48px, 1080px); margin: 0 auto; padding: 28px 0; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-access-header img { width: 64px; height: 64px; object-fit: contain; }
.site-access-header label { display: flex; align-items: center; gap: 12px; font-size: 14px; }
.site-access-header select { background: white; color: #1d1d1f; min-height: 44px; padding: 8px 12px; border: 1px solid #86868b; border-radius: 8px; }
.site-access-message { flex: 1; width: min(100% - 40px, 760px); margin: auto; padding: 100px 0 120px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.site-access-message h1 { font-size: clamp(32px, 4vw, 48px); line-height: 1.14; letter-spacing: -.025em; text-wrap: balance; margin: 0; }
.site-access-message p { font-size: 19px; line-height: 1.55; color: #515154; margin: 24px 0 36px; max-width: 50ch; }
.site-access-actions { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.site-access-actions button { border: 0; border-radius: 24px; background: #0071e3; color: white; padding: 12px 24px; min-height: 44px; cursor: pointer; font: inherit; }
.site-access-actions button:hover { background: #0062c4; }
.site-access-actions button:disabled { opacity: .7; cursor: wait; }
.site-access-actions a, .site-access-actions .site-access-quiet { background: transparent; color: #0066cc; min-height: 44px; display: inline-flex; align-items: center; text-decoration: none; }
.site-access-actions a:hover, .site-access-actions .site-access-quiet:hover { background: transparent; text-decoration: underline; }
.site-access-page :focus-visible, .site-debug-banner a:focus-visible { outline: 3px solid #0071e3; outline-offset: 4px; }
.site-access-footer { text-align: center; color: #515154; font-size: 13px; padding: 24px; }
.site-debug-banner { position: relative; z-index: 110; background: #fff2d6; color: #533500; min-height: 48px; padding: 12px 24px; display: flex; justify-content: center; align-items: center; gap: 16px; font-size: 14px; line-height: 1.5; }
.site-debug-banner a { color: inherit; text-decoration: underline; text-underline-offset: 3px; flex-shrink: 0; }
.site-debug-active .global-nav { position: sticky; }
.site-settings-form { max-width: 760px; }
.site-settings-toggle { display: flex; align-items: center; gap: 12px; min-height: 44px; font-weight: 600; }
.site-settings-toggle input { width: 20px; height: 20px; accent-color: #0071e3; }
.site-settings-form textarea { display: block; width: 100%; min-height: 180px; padding: 14px; border: 1px solid #86868b; border-radius: 8px; font: inherit; margin-top: 12px; resize: vertical; }
.site-settings-form label { display: block; margin-top: 28px; }
.site-settings-form .site-settings-toggle { display: flex; margin-top: 0; }
.site-settings-meta { color: #515154; line-height: 1.7; }
.site-settings-history { list-style: none; padding: 0; }
.site-settings-history li { padding: 20px 0; border-bottom: 1px solid #d2d2d7; overflow-wrap: anywhere; }
.site-settings-history p { margin: 8px 0 0; }
@media (max-width: 734px) { .site-access-header { width: calc(100% - 32px); padding: 20px 0; } .site-access-message { padding: 64px 0 80px; } .site-debug-banner { flex-wrap: wrap; gap: 4px 12px; padding: 12px 16px; } }