.site-header{width:100%;background:var(--bg-panel);box-shadow:var(--shadow-panel);position:sticky;top:0;z-index:100;flex-shrink:0}.site-header-inner{max-width:var(--max-w);margin:0 auto;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;box-sizing:border-box}.site-logo{font-size:16px;font-weight:700;color:var(--accent-strong);white-space:nowrap;flex-shrink:0}.site-logo:hover{color:var(--accent-mid)}.site-nav{display:flex;flex-wrap:wrap;gap:6px 16px;flex:1 1 100%;order:3}.site-nav a{color:var(--text-secondary);font-size:13px;font-weight:500;white-space:nowrap;padding:4px 0;border-bottom:2px solid transparent}.site-nav a:hover{color:var(--text-primary);border-bottom-color:var(--tuzdyk-color)}.site-nav a.nav-active{color:var(--accent-mid);font-weight:800;border-bottom-color:var(--tuzdyk-color)}.site-auth-area{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}@media(min-width:700px){.site-header-inner{padding:12px 20px;flex-wrap:nowrap;height:var(--header-h)}.site-nav{flex:1 1 auto;order:0;gap:20px;flex-wrap:nowrap;overflow-x:visible}.site-nav a{font-size:14px}.site-logo{font-size:17px}}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:6px;background:transparent;border:1.5px solid var(--accent-pale);border-radius:var(--radius-sm);padding:7px 14px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s}.user-menu-trigger:hover,.user-menu-trigger[aria-expanded=true]{border-color:var(--accent-mid);color:var(--accent-mid)}.user-menu-icon{flex-shrink:0}.user-menu-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:10px;z-index:110}.user-menu-dropdown.open{display:block}.user-menu-nickname{font-size:13px;font-weight:600;color:var(--text-primary);padding:6px 8px 10px;border-bottom:1px solid var(--accent-pale);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-logout{width:100%;background:transparent;border:none;text-align:left;padding:8px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.user-menu-logout:hover{background:var(--accent-pale);color:var(--warn-color)}.user-menu-link{display:block;width:100%;box-sizing:border-box;text-align:left;padding:8px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);transition:background .15s,color .15s}.user-menu-link:hover{background:var(--accent-pale);color:var(--accent-mid)}.auth-buttons{display:flex;align-items:center;gap:8px}.btn-auth{font-size:13px;font-weight:600;padding:8px 18px;border-radius:var(--radius-sm);border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn-auth-login{background:var(--accent-strong);color:var(--text-white)}.btn-auth-login:hover{background:var(--accent-mid)}.btn-auth-register{background:transparent;color:var(--accent-strong);border-color:var(--accent-strong)}.btn-auth-register:hover{background:var(--accent-pale)}.btn-auth-logout{background:transparent;color:var(--text-secondary);border-color:var(--accent-pale)}.btn-auth-logout:hover{border-color:var(--warn-color);color:var(--warn-color)}.btn-ctrl{padding:7px 18px;border-radius:var(--radius-sm);border:1.5px solid var(--accent-light);background:var(--bg-white);color:var(--accent-mid);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.btn-ctrl:hover:not(:disabled){background:var(--bg-hole-hover);border-color:var(--accent-mid)}.btn-ctrl:disabled{opacity:.4;cursor:not-allowed}.btn-ctrl.btn-primary{background:var(--accent-mid);color:var(--text-white);border-color:var(--accent-mid)}.btn-ctrl.btn-primary:hover{background:var(--accent-strong)}.theme-switch{display:flex;align-items:center;gap:6px;flex-shrink:0}.theme-switch-btn{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;transition:border-color .15s,transform .15s}.theme-switch-btn:hover{transform:scale(1.15)}.theme-switch-btn.is-active{border-color:var(--accent-strong)}.theme-switch-btn[data-theme-value=traditional]{background:#a66a1e}.theme-switch-btn[data-theme-value=skyblue]{background:#1565c0}.theme-switch-btn[data-theme-value=eyecare]{background:#5f8560}.compliance-banner{max-width:var(--max-w);margin:24px auto 0;padding:10px 16px;border-radius:var(--radius-md);background:var(--bg-panel);color:var(--text-secondary);text-align:center;font-size:13px;box-sizing:border-box}.compliance-banner a{color:var(--accent-strong);font-weight:600;text-decoration:underline;text-underline-offset:3px}.compliance-banner a:hover{color:var(--accent-mid)}.ban-banner{max-width:var(--max-w);margin:12px auto 0;padding:10px 16px;border-radius:var(--radius-sm);background:var(--warn-color-soft-bg);border:1px solid var(--warn-color-soft-border);color:var(--warn-color);font-size:13px;text-align:center}.ban-banner[hidden]{display:none}.site-main{width:100%;flex:1}.site-footer{width:100%;background:var(--accent-strong);color:var(--bg-page);padding:28px 20px 20px;text-align:center;margin-top:48px}.site-footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:14px;flex-wrap:wrap}.site-footer-links a{color:var(--bg-page);opacity:.85;font-size:13px}.site-footer-links a:hover{opacity:1;color:var(--tuzdyk-color)}.site-footer-legal{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 10px;padding-top:14px;margin-top:4px;border-top:1px solid rgba(255,255,255,.15);font-size:11.5px;line-height:1.6;color:var(--bg-page);opacity:.55}.site-footer-legal a{color:inherit;text-decoration:none}.site-footer-legal a:hover{opacity:1;text-decoration:underline;text-underline-offset:2px}.footer-icp{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px 10px}.footer-legal-divider{opacity:.6}@media(max-width:480px){.footer-legal-divider{display:none}}#login-required-overlay{position:fixed;inset:0;background:var(--surface-overlay-soft);z-index:210;display:none;align-items:center;justify-content:center;padding:16px}#login-required-overlay.open{display:flex}.login-required-card{background:var(--bg-white);border-radius:var(--radius-lg);width:100%;max-width:320px;padding:28px 24px;text-align:center;box-shadow:0 8px 40px #00000040}.login-required-title{font-size:18px;font-weight:700;color:var(--accent-strong)}.login-required-sub{font-size:13px;color:var(--text-secondary);margin:8px 0 20px}.login-required-actions{display:flex;gap:10px;justify-content:center}#contact-us-modal{position:fixed;inset:0;background:var(--surface-overlay-soft);z-index:210;display:none;align-items:center;justify-content:center;padding:16px}#contact-us-modal.open{display:flex}.contact-modal-card{position:relative;background:var(--bg-white);border-radius:var(--radius-lg);width:100%;max-width:320px;padding:32px 24px 24px;text-align:center;box-shadow:0 8px 40px #00000040}.contact-modal-close{position:absolute;top:10px;right:12px;width:28px;height:28px;border:none;background:transparent;font-size:20px;line-height:1;color:var(--text-secondary);cursor:pointer}.contact-modal-close:hover{color:var(--text-primary)}.contact-modal-title{font-size:18px;font-weight:700;color:var(--accent-strong)}.contact-modal-sub{font-size:13px;color:var(--text-secondary);margin:8px 0 20px}.contact-qr{width:160px;height:160px;border-radius:var(--radius-md);margin:0 auto;display:block}.contact-qr-caption{font-size:12px;color:var(--text-secondary);margin:8px 0 20px}.contact-info-list{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--accent-pale);text-align:left}.contact-info-list li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px}.contact-info-label{color:var(--text-secondary)}.contact-info-list a{color:var(--accent-strong);text-decoration:none}.contact-info-list a:hover{text-decoration:underline}