:root{--app-max-width: 1200px}*{box-sizing:border-box}body{margin:0;padding:0}.app-frame{min-height:100vh}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.loading-overlay.hidden{display:none}.stat-value{font-size:32px;font-weight:600;line-height:1.2}.stat-label{font-size:14px;color:var(--p-color-text-subdued, #6d7175)}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#202223;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;opacity:0;transition:opacity .2s ease;pointer-events:none}.toast.show{opacity:1;pointer-events:auto}.usage-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;background:var(--p-color-bg-surface-secondary, #f6f6f7);color:var(--p-color-text-subdued, #6d7175)}.usage-badge.usage-low{background:var(--p-color-bg-warning, #ffea8a);color:var(--p-color-text-warning, #8a6116)}.usage-badge.usage-exhausted{background:var(--p-color-bg-critical, #fed3d1);color:var(--p-color-text-critical, #d72c0d)}.usage-badge.usage-unlimited{background:var(--p-color-bg-success, #aee9d1);color:var(--p-color-text-success, #287d3c)}.skeleton-line,.skeleton-thumbnail{background:linear-gradient(90deg,var(--p-color-bg-surface-tertiary, #e4e5e7) 25%,var(--p-color-bg-surface-secondary, #f6f6f7) 50%,var(--p-color-bg-surface-tertiary, #e4e5e7) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.score-value{font-size:48px;font-weight:700;color:var(--p-color-text, #202223)}.score-good{color:#008060}.score-medium{color:#ffc107}.score-low{color:#dc3545}.provider-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.openai-icon{background:#10a37f}.claude-icon{background:#cc785c}.perplexity-icon{background:#1e90ff}.gemini-icon{background:#8e44ad}.provider-value{font-size:32px;font-weight:700;color:var(--p-color-text, #202223)}.event-item{display:flex;align-items:center;padding:12px;border-radius:8px;background:var(--p-color-bg-surface-secondary, #f6f6f7);gap:12px}.event-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px}.event-icon-up{color:#008060}.event-icon-down{color:#dc3545}.event-icon-star{color:#ffc107}.event-content{flex:1}.plan-card{border:1px solid var(--p-color-border, #c9cccf);border-radius:12px;padding:24px;position:relative;transition:box-shadow .2s ease}.plan-card:hover{box-shadow:0 4px 12px #0000001a}.plan-current{border-color:var(--p-color-interactive, #2c6ecb);border-width:2px}.plan-popular{border-color:var(--p-color-success, #008060)}.plan-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--p-color-success, #008060);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.price-amount{font-size:36px;font-weight:700;color:var(--p-color-text, #202223)}.addon-card{padding:16px;border:1px solid var(--p-color-border, #c9cccf);border-radius:8px}.addon-icon{width:48px;height:48px;background:var(--p-color-bg-surface-secondary, #f6f6f7);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--p-color-interactive, #2c6ecb)}.quality-strong{color:#008060}.quality-moderate{color:#b98900}.quality-weak{color:#dc3545}.quality-none{color:#6c757d}.probe-detail{text-align:left}.probe-detail p{margin:8px 0}.probe-detail .excerpt{background:var(--p-color-bg-surface-secondary, #f6f6f7);padding:12px;border-radius:8px;margin-top:8px;font-family:monospace;white-space:pre-wrap;font-size:13px;line-height:1.5;max-height:200px;overflow-y:auto}.query-suggestion-chip{transition:all .2s ease}.query-suggestion-chip:hover{background:var(--p-color-bg-surface-tertiary, #e4e5e7)!important;border-color:var(--p-color-interactive, #2c6ecb)!important}.add-suggestion-btn{color:var(--p-color-interactive, #2c6ecb);font-weight:700;cursor:pointer}.add-suggestion-btn:hover{color:var(--p-color-interactive-hovered, #1f5199)}.recommendation-card{padding:16px;border-radius:8px;border-left:4px solid var(--p-color-border, #c9cccf);background:var(--p-color-bg-surface-secondary, #f6f6f7)}.recommendation-card.priority-high{border-left-color:var(--p-color-critical, #d72c0d);background:#d72c0d0d}.recommendation-card.priority-medium{border-left-color:var(--p-color-warning, #ffc107);background:#ffc1070d}.recommendation-card.priority-low{border-left-color:var(--p-color-interactive, #2c6ecb);background:#2c6ecb0d}.recommendation-action{padding:8px 12px;background:var(--p-color-bg-surface, #fff);border-radius:4px;margin-top:4px}.toggle-switch{position:relative;display:inline-block;width:48px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--p-color-bg-surface-tertiary, #c9cccf);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:var(--p-color-interactive, #5c6ac4)}input:checked+.toggle-slider:before{transform:translate(20px)}input:focus+.toggle-slider{box-shadow:0 0 0 2px var(--p-color-interactive-hovered, #4959bd)}.event-type-checkbox{transition:all .2s ease}.event-type-checkbox:hover{background:var(--p-color-bg-surface-tertiary, #e4e5e7)!important}.event-type-checkbox input:checked+span{font-weight:500}.notification-settings-form input[type=email]:focus,.notification-settings-form select:focus{outline:none;border-color:var(--p-color-interactive, #5c6ac4);box-shadow:0 0 0 1px var(--p-color-interactive, #5c6ac4)}.notification-settings-form input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--p-color-bg-surface-tertiary, #c9cccf);border-radius:3px}.notification-settings-form input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--p-color-interactive, #5c6ac4);border-radius:50%;cursor:pointer}.notification-settings-form input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--p-color-interactive, #5c6ac4);border-radius:50%;cursor:pointer;border:none}.pro-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;vertical-align:middle;margin-left:6px}.pro-badge:before{content:"★";font-size:8px}.feature-locked{position:relative;opacity:.6;pointer-events:none}.feature-locked:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff4d;border-radius:inherit;cursor:not-allowed}.btn-with-pro-badge{position:relative;padding-right:50px!important}.btn-with-pro-badge .pro-badge{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.usage-remaining{display:inline-block;font-size:11px;color:var(--p-color-text-subdued, #6d7175);margin-left:8px}.usage-remaining.warning{color:var(--p-color-text-warning, #8a6116)}.usage-remaining.critical{color:var(--p-color-text-critical, #d72c0d)}.usage-warning-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid var(--p-color-border-warning, #ffea8a);border-radius:8px;margin-bottom:16px}.usage-warning-banner.critical{background:linear-gradient(135deg,#d72c0d1a,#ff52521a);border-color:var(--p-color-border-critical, #fed3d1)}.usage-warning-banner-content{display:flex;align-items:center;gap:12px}.usage-warning-banner-icon{font-size:20px}.usage-warning-banner-dismiss{background:none;border:none;cursor:pointer;color:var(--p-color-text-subdued, #6d7175);font-size:18px;padding:4px}.usage-warning-banner-dismiss:hover{color:var(--p-color-text, #202223)}.upgrade-tooltip{position:relative;display:inline-block}.upgrade-tooltip .upgrade-tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:8px 12px;background:var(--p-color-bg-surface-inverse, #202223);color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;z-index:100;transition:opacity .2s,visibility .2s;margin-bottom:8px}.upgrade-tooltip .upgrade-tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--p-color-bg-surface-inverse, #202223) transparent transparent transparent}.upgrade-tooltip:hover .upgrade-tooltip-text{visibility:visible;opacity:1}.locked-section{position:relative;border:2px dashed var(--p-color-border, #c9cccf);border-radius:12px;padding:24px;text-align:center;background:var(--p-color-bg-surface-secondary, #f6f6f7)}.locked-section-icon{font-size:32px;margin-bottom:12px;opacity:.6}.locked-section-title{font-weight:600;margin-bottom:4px}.locked-section-description{color:var(--p-color-text-subdued, #6d7175);font-size:14px;margin-bottom:16px}