.cm-overlay{z-index:99999;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cm-modal{background:var(--surface,#fff);border-radius:16px;width:100%;max-width:360px;animation:.2s cm-slide-in;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes cm-slide-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cm-header{border-bottom:1px solid var(--border,#eee);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cm-title{color:var(--text,#1a1a2e);font-size:1rem;font-weight:700}.cm-close{cursor:pointer;color:var(--text-secondary,#888);background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1.1rem;line-height:1}.cm-close:hover{background:var(--bg,#f5f5f5)}.cm-body{padding:20px}.cm-message{color:var(--text,#1a1a2e);margin:0 0 12px;font-size:.9rem;line-height:1.6}.cm-input{border:1.5px solid var(--border,#ddd);background:var(--bg,#f9f9f9);width:100%;color:var(--text,#1a1a2e);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.cm-input:focus{border-color:var(--primary,#e94560)}.cm-textarea{resize:vertical;min-height:80px;font-family:inherit}.cm-footer{gap:10px;padding:12px 20px 20px;display:flex}.cm-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px 16px;font-size:.9rem;font-weight:600;transition:opacity .2s}.cm-btn:active{opacity:.8}.cm-btn-cancel{background:var(--bg,#f0f0f0);color:var(--text,#1a1a2e)}.cm-btn-confirm{background:var(--primary,#e94560);color:#fff}.cm-btn-confirm.cm-btn-danger{color:#fff;background:#c62828}.settings-page{padding:0 1rem 80px}.settings-section{background:var(--surface);box-shadow:var(--shadow);border-radius:16px;margin-bottom:.75rem;padding:1rem}.settings-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8rem;font-weight:700}.settings-row{flex-wrap:wrap;gap:8px;display:flex}.settings-lang-btn{border:1.5px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.settings-lang-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.settings-toggle-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.settings-toggle-row:last-child{border-bottom:none}.toggle-btn{background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border:none;border-radius:12px;padding:4px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.toggle-btn.on{background:var(--primary);color:#fff}.settings-btn{cursor:pointer;text-align:center;border:none;border-radius:12px;width:100%;margin-top:8px;padding:12px;font-size:.95rem;font-weight:600;display:block}.sync-btn{background:var(--primary);color:#fff}.logout-btn{background:var(--danger,#ef4444);color:#fff}.login-btn{background:var(--primary);color:#fff}.settings-user-info{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.settings-about{text-align:center;color:var(--text-secondary);font-size:.85rem}.settings-about p{margin:4px 0}.announcement-banner{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:4px 0 8px;display:flex;overflow-x:auto}.announcement-banner::-webkit-scrollbar{display:none}.announcement-chip{color:var(--primary);white-space:nowrap;background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea40;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:.8rem;text-decoration:none;transition:background .2s,transform .15s}.announcement-chip:active{background:linear-gradient(135deg,#667eea40,#764ba240);transform:scale(.96)}.settings-visit-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-light);margin-top:8px;padding:16px 0 8px;font-size:.78rem}.settings-visit-footer b{color:var(--primary)}