*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f8f7;--bg-card: #ffffff;--bg-input: #f3f3f1;--bg-hover: #eeeeed;--border: #e8e8e5;--border-strong: #d4d4d0;--text: #1a1a19;--text-secondary: #5c5c58;--text-tertiary: #8a8a85;--accent: #2c5282;--accent-light: #ebf0f7;--danger: #c53030;--danger-light: #fef2f2;--success: #276749;--success-light: #f0fdf4;--warning: #b7791f;--warning-light: #fefce8;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .08);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, "Cascadia Code", monospace;--bottom-nav-height: 56px;--header-height: 48px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.app-header{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;height:var(--header-height)}.app-header .header-inner{display:flex;justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:0 16px;height:100%}.header-logo{font-size:1rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.header-email{display:none;font-size:.8rem;color:var(--text-tertiary)}.page-container{max-width:720px;margin:0 auto;padding:16px 16px calc(var(--bottom-nav-height) + 16px);min-height:calc(100vh - var(--header-height))}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-title{font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--bg-card);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;text-decoration:none;color:var(--text-tertiary);transition:color .15s ease;-webkit-tap-highlight-color:transparent;position:relative}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-icon{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.bottom-nav-icon svg{width:22px;height:22px}.bottom-nav-badge{position:absolute;top:-2px;right:-8px;background:var(--danger);color:#fff;font-size:.6rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.bottom-nav-label{font-size:.68rem;font-weight:500}.auth-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:16px;background:var(--bg)}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;width:100%;max-width:380px;box-shadow:var(--shadow)}.auth-card h2{text-align:center;margin-bottom:4px;font-size:1.15rem;font-weight:600;color:var(--text);letter-spacing:-.02em}.auth-card p.subtitle{text-align:center;color:var(--text-tertiary);font-size:.85rem;margin-bottom:28px}.form-group{margin-bottom:14px}label{display:block;font-size:.8rem;font-weight:500;margin-bottom:5px;color:var(--text-secondary)}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],select{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:16px;font-family:var(--font-sans);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}input::placeholder{color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:none;border-radius:var(--radius);font-size:.85rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:#234a75}.btn-danger{background:none;color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-light)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text);border-color:var(--border-strong)}.btn-sm{padding:6px 12px;font-size:.78rem}.btn-block{width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:8px;box-shadow:var(--shadow-sm);transition:box-shadow .15s ease}.card:hover{box-shadow:var(--shadow)}.card-header{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.card-header h3{font-size:.92rem;font-weight:600;letter-spacing:-.01em}.card-header .card-actions{display:flex;gap:6px}.card-meta{display:flex;flex-direction:column;gap:3px;flex-wrap:wrap;font-size:.78rem;color:var(--text-tertiary)}.card-meta span{display:flex;align-items:center;gap:4px}.scraper-card{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:8px;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent}.scraper-card:hover{box-shadow:var(--shadow);border-color:var(--border-strong)}.scraper-card:active{background:var(--bg-hover)}.scraper-card-body{flex:1;min-width:0}.scraper-card-name{font-size:.92rem;font-weight:600;letter-spacing:-.01em;margin-bottom:2px}.scraper-card-stats{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-tertiary)}.scraper-card-dot{width:3px;height:3px;border-radius:50%;background:var(--text-tertiary)}.scraper-card-arrow{font-size:1.4rem;color:var(--text-tertiary);margin-left:8px;line-height:1}.scraper-card-config{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.scraper-card-selector{font-family:var(--font-mono);font-size:.72rem;background:var(--bg-input);padding:1px 5px;border-radius:3px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scraper-card-fullpage{font-family:var(--font-sans);font-style:italic;background:none;padding:0}.scraper-config-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.scraper-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.scraper-config-header h3{font-size:.9rem;font-weight:600}.scraper-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scraper-config-item{display:flex;flex-direction:column;gap:2px}.scraper-config-label{font-size:.72rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.scraper-config-value{font-size:.85rem;color:var(--text-primary)}.scraper-config-value code{font-family:var(--font-mono);font-size:.78rem;background:var(--bg-input);padding:1px 5px;border-radius:3px}.scraper-selector-display{padding:8px 0 0;font-size:.85rem;color:var(--text-secondary);line-height:1.6}.scraper-selector-display code{font-family:var(--font-mono);font-size:.78rem;background:var(--bg-input);padding:1px 5px;border-radius:3px}.scraper-selector-display .text-muted{color:var(--text-tertiary);font-size:.82rem}.scraper-urls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.scraper-urls-header h3{font-size:.95rem;font-weight:600}.scraper-urls-stats{font-size:.78rem;color:var(--text-tertiary);margin-left:8px}.scraper-detail-header{margin-bottom:16px}.scraper-detail-header #back-btn{margin-bottom:8px}.scraper-detail-title{font-size:1.1rem;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}.scraper-detail-stats{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-tertiary)}.scraper-actions{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.change-details{margin-top:8px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.change-item{padding:8px 10px;border-bottom:1px solid var(--border);font-size:.8rem}.change-item:last-child{border-bottom:none}.change-item-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.change-type-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 4px;border-radius:3px;font-size:.68rem;font-weight:600;font-family:var(--font-mono);background:var(--bg-input);color:var(--text-secondary)}.change-label{font-weight:500;color:var(--text);font-size:.78rem}.change-action{font-size:.72rem;font-weight:500;padding:1px 5px;border-radius:3px}.change-added .change-action{background:var(--success-light);color:var(--success)}.change-removed .change-action{background:var(--danger-light);color:var(--danger)}.change-modified .change-action{background:var(--warning-light);color:var(--warning)}.change-values{margin-top:4px;font-size:.78rem;line-height:1.5}.change-prefix{font-weight:500;color:var(--text-secondary);font-size:.72rem}.change-old{color:var(--danger);background:var(--danger-light);padding:3px 6px;border-radius:3px;margin-bottom:2px;word-break:break-word}.change-new{color:var(--success);background:var(--success-light);padding:3px 6px;border-radius:3px;word-break:break-word}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:12px 0}.pagination-info{font-size:.78rem;color:var(--text-tertiary)}.site-detail-header{margin-bottom:12px}.site-detail-info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:20px}.site-detail-title-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.site-detail-name{font-size:1.1rem;font-weight:600;margin:0;word-break:break-word}.site-detail-url{display:block;font-size:.8rem;color:var(--text-secondary);text-decoration:none;margin-bottom:10px;word-break:break-all}.site-detail-url:hover{text-decoration:underline}.site-detail-meta{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--text-tertiary);margin-bottom:12px}.site-detail-meta code{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-input);padding:1px 4px;border-radius:3px}.site-detail-actions{display:flex;gap:6px;flex-wrap:wrap}.site-detail-alerts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.site-detail-alerts-header h3{font-size:.95rem;font-weight:600;margin:0}.site-detail-alerts .card{cursor:default}.seo-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-bottom:20px}.seo-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.seo-section-header h3{font-size:.95rem;font-weight:600;margin:0}.seo-snapshot-date{font-size:.75rem;color:var(--text-tertiary)}.seo-empty{font-size:.85rem;color:var(--text-tertiary);margin:0}.seo-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:14px}.seo-card{background:var(--bg-input);border-radius:8px;padding:12px}.seo-card-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);margin-bottom:4px}.seo-card-value{font-size:.85rem;color:var(--text);word-break:break-word}.seo-card-value.seo-missing{color:var(--text-tertiary);font-style:italic}.seo-card-value.seo-url{font-size:.78rem;word-break:break-all}.seo-card-value code{font-family:var(--font-mono);font-size:.78rem;background:var(--bg-card);padding:1px 5px;border-radius:3px}.seo-card-note{font-size:.72rem;color:var(--text-tertiary);margin-top:2px}.seo-subsection{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.seo-headings{display:flex;flex-direction:column;gap:4px;margin-top:6px}.seo-heading{font-size:.82rem;color:var(--text);display:flex;align-items:baseline;gap:8px}.seo-heading-tag{font-size:.68rem;font-weight:700;color:var(--accent);background:var(--bg-input);padding:1px 5px;border-radius:3px;flex-shrink:0}.seo-heading-tag.seo-h2{color:var(--text-tertiary)}.seo-tags{display:flex;flex-direction:column;gap:4px;margin-top:6px}.seo-tag-row{display:flex;flex-direction:column;gap:2px;font-size:.8rem}.seo-tag-prop{font-size:.72rem;font-weight:600;color:var(--text-tertiary)}.seo-tag-val{color:var(--text);word-break:break-word}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.72rem;font-weight:500;letter-spacing:.01em}.badge-active{background:var(--success-light);color:var(--success)}.badge-paused{background:var(--warning-light);color:var(--warning)}.badge-unread{background:var(--accent);color:#fff;min-width:18px;text-align:center;border-radius:9px;padding:1px 5px;font-size:.68rem;font-weight:600}.alert-item{padding:14px 16px;border-left:3px solid var(--border)}.alert-item.unread{background:var(--warning-light);border-left-color:var(--warning)}.alert-item .alert-header{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.alert-item .alert-site{font-weight:600;font-size:.88rem}.alert-item .alert-time{font-size:.75rem;color:var(--text-tertiary)}.alert-item .alert-summary{font-size:.82rem;color:var(--text-secondary)}.modal-overlay,.edit-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-end;z-index:200;padding:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px 20px;width:100%;max-width:460px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;animation:modalSlideUp .2s ease}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal h2{margin-bottom:18px;font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--bg-hover) 50%,var(--bg-input) 75%);background-size:800px 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius)}.skeleton-line{height:14px;margin-bottom:8px}.skeleton-line-sm{height:10px;margin-bottom:6px}.skeleton-line-lg{height:18px;margin-bottom:10px}.skeleton-badge{width:52px;height:22px;border-radius:999px}.skeleton-scraper-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.skeleton-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:10px}.skeleton-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.skeleton-card-meta{display:flex;gap:12px;margin-bottom:10px}.skeleton-card-actions{display:flex;gap:6px;margin-top:10px}.skeleton-btn{width:56px;height:28px;border-radius:var(--radius)}.skeleton-seo-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}@media (min-width: 640px){.skeleton-seo-grid{grid-template-columns:1fr 1fr}}.skeleton-seo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:200;display:flex;align-items:stretch;justify-content:center}.picker-modal{background:var(--bg);width:100%;max-width:100%;display:flex;flex-direction:column;overflow:hidden}.picker-header{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--bg-card)}.picker-header h2{font-size:1rem;font-weight:600}.picker-subtitle{font-size:.8rem;color:var(--text-tertiary);margin-top:2px}.picker-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-tertiary);font-size:.85rem}.picker-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:pickerSpin .7s linear infinite}@keyframes pickerSpin{to{transform:rotate(360deg)}}.picker-iframe-container{flex:1;overflow:hidden;position:relative;background:#fff}.picker-iframe{width:100%;height:100%;border:none;display:block}.picker-footer{border-top:1px solid var(--border);padding:10px 16px;background:var(--bg-card)}.picker-selections{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;min-height:28px;max-height:150px;overflow-y:auto}.picker-hint{font-size:.8rem;color:var(--text-tertiary)}.picker-chip{display:inline-flex;align-items:center;gap:4px;background:var(--accent-light);border:1px solid var(--accent);border-radius:999px;padding:3px 8px 3px 10px;font-size:.75rem}.picker-chip code{font-family:var(--font-mono);font-size:.72rem;color:var(--accent)}.picker-chip-named{display:flex;flex-direction:column;gap:4px;background:var(--accent-light);border:1px solid var(--accent);border-radius:var(--radius);padding:8px 10px;font-size:.75rem}.picker-chip-name-row{display:flex;align-items:center;gap:6px}.picker-chip-name{flex:1;border:1px solid var(--border);border-radius:var(--radius-sm, 4px);padding:3px 6px;font-size:.78rem;font-family:var(--font-sans);background:var(--bg-input);color:var(--text-primary);min-width:0}.picker-chip-name:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.picker-chip-name::placeholder{color:var(--text-tertiary)}.picker-chip-selector{font-family:var(--font-mono);font-size:.7rem;color:var(--text-secondary);word-break:break-all}.picker-chip-remove{background:none;border:none;color:var(--accent);font-size:.9rem;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0}.picker-chip-remove:hover{color:var(--danger)}.picker-actions{display:flex;justify-content:flex-end;gap:8px}.picker-mode-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.picker-mode-btn{background:var(--bg-input);border:none;padding:5px 12px;font-size:.78rem;font-family:var(--font-sans);cursor:pointer;color:var(--text-secondary);transition:background .15s,color .15s}.picker-mode-btn:not(:last-child){border-right:1px solid var(--border)}.picker-mode-btn.active{background:var(--accent);color:#fff}.picker-mode-btn:hover:not(.active){background:var(--bg-hover)}.picker-browse-banner{background:var(--warning-light);color:var(--warning);font-size:.8rem;padding:8px 16px;text-align:center;border-top:1px solid var(--border)}@media (min-width: 640px){.picker-modal{max-width:900px;max-height:85vh;margin:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}}.fields-display-row{font-size:.82rem;color:var(--text-secondary);margin-bottom:8px}.fields-display-row code{font-family:var(--font-mono);font-size:.75rem;background:var(--bg-input);padding:1px 5px;border-radius:3px}.fields-label{font-weight:500;color:var(--text-tertiary);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.fields-display-list{display:flex;flex-direction:column;gap:4px}.fields-display-item{display:flex;align-items:center;gap:8px;font-size:.82rem}.fields-name{font-weight:500;color:var(--text);min-width:80px}.fields-display-item code{font-family:var(--font-mono);font-size:.72rem;background:var(--bg-input);padding:1px 5px;border-radius:3px;color:var(--text-secondary)}.picker-chip-preview{font-size:.72rem;color:var(--text-tertiary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.picker-row-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--success-light);border:1px solid var(--success);border-radius:var(--radius);padding:8px 12px;font-size:.82rem;color:var(--success)}.picker-row-preview code{font-family:var(--font-mono);font-size:.72rem}.picker-row-count{font-weight:600;white-space:nowrap}.data-view-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px;flex-wrap:wrap}.data-view-filter{display:flex;align-items:center}.data-view-count{font-size:.78rem;color:var(--text-tertiary)}.data-view-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--text-tertiary);font-size:.85rem}.data-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card)}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table th{background:var(--bg-input);padding:10px 12px;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover)}.data-th-site{min-width:120px}.data-th-time{min-width:80px}.data-td-site{font-weight:500;color:var(--text-secondary)}.data-td-time{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap}.empty-state{text-align:center;padding:48px 16px;color:var(--text-tertiary)}.empty-state h3{font-size:.95rem;font-weight:600;margin-bottom:6px;color:var(--text)}.empty-state p{font-size:.85rem;margin-bottom:18px}.toast{position:fixed;bottom:calc(var(--bottom-nav-height) + 12px);left:12px;right:12px;background:var(--text);color:var(--bg);padding:12px 16px;border-radius:var(--radius-lg);font-size:.85rem;box-shadow:var(--shadow-lg);animation:toastIn .25s ease,toastOut .25s ease 3.75s;z-index:300}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}@keyframes toastIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastOut{to{opacity:0}}.alerts-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px;flex-wrap:wrap}.alerts-toolbar-left{display:flex;align-items:center;gap:10px}.alerts-count{font-size:.8rem;color:var(--text-tertiary)}.alerts-filter{font-size:.78rem;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);font-family:var(--font-sans)}.form-error-banner{color:var(--danger);font-size:.82rem;margin-bottom:12px;padding:8px 10px;background:var(--danger-light);border-radius:var(--radius)}.field-error{color:var(--danger);font-size:.75rem;margin-top:3px;min-height:0}.field-hint{color:var(--text-tertiary);font-size:.75rem;display:block;margin-top:3px}.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 2px var(--danger-light)!important}.btn-expand{background:none;border:none;color:var(--accent);font-size:.72rem;font-family:var(--font-sans);cursor:pointer;padding:0;margin-left:4px}.btn-expand:hover{text-decoration:underline}.link{color:var(--accent);text-decoration:none;cursor:pointer;font-size:.82rem}.link:hover{text-decoration:underline}.diff-view{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-family:var(--font-mono);font-size:.75rem;line-height:1.7;overflow-x:auto;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}.diff-added{color:var(--success);background:var(--success-light)}.diff-removed{color:var(--danger);background:var(--danger-light)}.url-text{font-size:.8rem;color:var(--text-tertiary);word-break:break-all}.url-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:background .12s}.url-row:hover{background:var(--bg-hover)}.url-row+.url-row{margin-top:4px}.url-row-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.url-row-status--active{background:var(--success)}.url-row-status--paused{background:var(--text-tertiary)}.url-row-info{display:flex;flex-direction:column;min-width:0;flex:1}.url-row-name{font-size:.85rem;font-weight:500;color:var(--text)}.url-row-url{font-size:.75rem;color:var(--text-tertiary);word-break:break-all}.url-row-meta{font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.profile-section-title{font-size:.88rem;margin-bottom:12px;font-weight:600}.profile-msg{padding:10px 12px;border-radius:var(--radius);font-size:.82rem;margin-bottom:14px}.profile-msg-error{background:var(--danger-light);color:var(--danger)}.profile-msg-success{background:var(--success-light);color:var(--success)}@media (min-width: 640px){:root{--bottom-nav-height: 0px}.page-container{padding:24px 24px 48px}.app-header .header-inner{padding:0 24px}.header-email{display:inline}.bottom-nav{position:static;border-top:none;border-bottom:1px solid var(--border);height:auto;justify-content:flex-start;max-width:720px;margin:0 auto;padding:0 24px;gap:4px;background:transparent}.bottom-nav-item{flex-direction:row;gap:6px;padding:10px 16px;border-bottom:2px solid transparent;border-radius:0}.bottom-nav-item.active{border-bottom-color:var(--accent)}.bottom-nav-icon{width:auto;height:auto}.bottom-nav-icon svg{width:18px;height:18px}.bottom-nav-label{font-size:.82rem}.auth-card{padding:36px 32px}.card{padding:16px 20px}.card-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.card-meta{flex-direction:row;gap:14px}.site-detail-meta{flex-direction:row;flex-wrap:wrap;gap:12px}.alert-item .alert-header{flex-direction:row;justify-content:space-between;align-items:center}.modal-overlay,.edit-modal-overlay{align-items:center;padding:20px}.modal{border-radius:var(--radius-lg);padding:28px 24px;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.toast{left:auto;right:24px;bottom:24px;max-width:320px}.seo-grid{grid-template-columns:1fr 1fr}.seo-tag-row{flex-direction:row;gap:8px;align-items:baseline}.seo-tag-prop{min-width:100px}.diff-view{padding:16px;font-size:.8rem}.empty-state{padding:60px 20px}}