:root{--color-bg: #0a0a0a;--color-surface: #141414;--color-surface-2: #1e1e1e;--color-border: #2a2a2a;--color-text: #e5e5e5;--color-text-muted: #888;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}.app{max-width:1600px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;font-weight:600;margin-bottom:.5rem}.subtitle{color:var(--color-text-muted)}.input-section{margin-bottom:2rem}.url-input-row{display:flex;gap:1rem;margin-bottom:1rem}.url-input{flex:1;padding:.75rem 1rem;font-size:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);outline:none;transition:border-color .2s}.url-input:focus{border-color:var(--color-primary)}.analyze-btn,.analysis-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.analyze-btn:hover:not(:disabled),.analysis-btn:hover:not(:disabled){background:var(--color-primary-hover)}.analyze-btn:disabled,.analysis-btn:disabled{opacity:.5;cursor:not-allowed}.loading-indicator{display:flex;align-items:center;gap:.75rem;color:var(--color-text-muted);padding:1rem}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:#ef44441a;border:1px solid var(--color-danger);color:var(--color-danger);padding:1rem;border-radius:8px}.page-info{background:var(--color-surface);padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem}.page-info h2{font-size:1.25rem;margin-bottom:.25rem}.page-info p{color:var(--color-text-muted);font-size:.875rem}.strategy-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.strategy-column{background:var(--color-surface);border-radius:12px;padding:1.5rem}.strategy-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.strategy-header label{font-weight:500}.strategy-header select,.model-select{padding:.5rem 1rem;font-size:.875rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer}.chunk-visualizer{min-height:200px}.chunk-visualizer.loading,.chunk-visualizer.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);gap:.5rem}.strategy-info{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.strategy-description{color:var(--color-text-muted);font-size:.875rem;margin-bottom:.5rem}.strategy-stats{display:flex;gap:1.5rem}.stat{font-size:.875rem;color:var(--color-text-muted)}.stat strong{color:var(--color-text)}.tooltip-wrapper{position:relative;cursor:help}.info-trigger{display:inline-flex;align-items:center;gap:.25rem}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-surface-2);border:1px solid var(--color-border);padding:.75rem 1rem;border-radius:8px;font-size:.8125rem;white-space:pre-line;max-width:300px;z-index:100;box-shadow:0 4px 12px #0000004d;margin-bottom:8px}.chunks-list{display:flex;flex-direction:column;gap:.75rem;max-height:600px;overflow-y:auto}.chunk-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;padding:1rem;cursor:pointer;transition:border-color .2s}.chunk-card:hover,.chunk-card.expanded{border-color:var(--color-primary)}.chunk-card.has-warning{border-color:var(--color-warning)}.chunk-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.chunk-number{font-weight:600;color:var(--color-primary)}.chunk-badges{display:flex;gap:.25rem}.badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.6875rem;font-weight:600;border-radius:4px;background:var(--color-surface)}.badge-heading{background:#3b82f6;color:#fff}.badge-question{background:#8b5cf6;color:#fff}.badge-definition{background:#06b6d4;color:#fff}.badge-overlap{background:#f59e0b;color:#000}.badge-semantic{background:#22c55e;color:#fff}.chunk-meta{margin-left:auto;display:flex;gap:1rem;font-size:.8125rem}.chunk-tokens{color:var(--color-text-muted)}.chunk-completeness{font-weight:600}.chunk-context-prefix{font-size:.75rem;color:var(--color-primary);background:#6366f11a;padding:.5rem;border-radius:4px;margin-bottom:.5rem;font-family:monospace}.chunk-preview{font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.chunk-card.expanded .chunk-preview{color:var(--color-text)}.chunk-warning{margin-top:.5rem;font-size:.8125rem;color:var(--color-warning)}.chunk-contextual-preview{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.chunk-contextual-preview h5{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.5rem}.chunk-contextual-preview pre{font-size:.75rem;background:var(--color-surface);padding:.75rem;border-radius:4px;overflow-x:auto;white-space:pre-wrap}.contextual-tokens{font-size:.75rem;color:var(--color-text-muted);display:block;margin-top:.5rem}.analysis-section{background:var(--color-surface);border-radius:12px;padding:1.5rem}.analysis-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.analysis-header h3{font-size:1.125rem}.analysis-controls{display:flex;gap:1rem}.analysis-result{background:var(--color-surface-2);border-radius:8px;padding:1.5rem}.analysis-model-badge{display:inline-block;font-size:.75rem;color:var(--color-primary);background:#6366f11a;padding:.25rem .75rem;border-radius:4px;margin-bottom:1rem}.analysis-content h4{font-size:1rem;margin:1.25rem 0 .5rem;color:var(--color-text)}.analysis-content h4:first-child{margin-top:0}.analysis-content p{margin-bottom:.5rem;color:var(--color-text-muted)}.analysis-content li{margin-left:1.5rem;margin-bottom:.25rem;color:var(--color-text-muted)}@media (max-width: 1024px){.strategy-comparison{grid-template-columns:1fr}}