:root{--color-primary: #0071e3;--color-primary-hover: #0077ed;--color-primary-light: rgba(0, 113, 227, .08);--color-text: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #86868b;--color-bg: #ffffff;--color-bg-secondary: #f5f5f7;--color-border: #d2d2d7;--color-confidence-high: #34c759;--color-confidence-medium: #ff9f0a;--color-confidence-low: #ff3b30;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 48px;--space-2xl: 80px;--space-3xl: 120px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);--max-width: 1120px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}.layout{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.header{position:sticky;top:0;z-index:100;background:#ffffffb8;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--color-border)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg);height:52px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--space-sm);font-size:1.125rem;font-weight:600;color:var(--color-text)}.logo:hover{color:var(--color-text)}.logo-icon{font-size:1.25rem}.nav{display:flex;gap:var(--space-lg)}.nav-link{font-size:.875rem;color:var(--color-text-secondary);transition:color .2s ease;position:relative;padding-bottom:4px}.nav-link:hover{color:var(--color-text)}.nav-link.active{color:var(--color-text);position:relative}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:1px}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-sm) var(--space-lg)}.footer-inner{max-width:var(--max-width);margin:0 auto;text-align:center}.footer-text{font-size:.75rem;color:var(--color-text-secondary)}.footer-disclaimer{font-size:.6875rem;color:var(--color-text-tertiary);margin-top:2px}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:980px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);color:#fff}.btn-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary-light);color:var(--color-primary)}.home-page{overflow-x:hidden}.hero{padding:var(--space-3xl) var(--space-lg);text-align:center;background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%)}.hero-content{max-width:720px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:1.25rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.features{padding:var(--space-2xl) var(--space-lg);max-width:var(--max-width);margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.feature-card{text-align:center;padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border);transition:box-shadow .3s ease,transform .3s ease}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.feature-title{font-size:1.0625rem;font-weight:600;margin-bottom:var(--space-sm)}.feature-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.demo{padding:var(--space-2xl) var(--space-lg);background:var(--color-bg-secondary)}.demo-content{max-width:var(--max-width);margin:0 auto;text-align:center}.section-title{font-size:2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-sm)}.section-subtitle{font-size:1.0625rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.drug-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.drug-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:box-shadow .2s ease}.drug-card:hover{box-shadow:var(--shadow-md)}.drug-name{font-size:.9375rem;font-weight:600}.drug-name-en{font-size:.75rem;color:var(--color-text-tertiary);font-family:var(--font-mono)}.drug-role{font-size:.6875rem;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:2px 8px;border-radius:4px}.demo-actions{margin-top:var(--space-lg)}.confidence-section{padding:var(--space-2xl) var(--space-lg);max-width:var(--max-width);margin:0 auto;text-align:center}.confidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-xl)}.confidence-card{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center}.confidence-card h4{font-size:1rem;font-weight:600;margin:var(--space-sm) 0}.confidence-card p{font-size:.875rem;color:var(--color-text-secondary)}.confidence-badge{font-size:2rem}.confidence-high{border-color:var(--color-confidence-high);background:#34c7590a}.confidence-medium{border-color:var(--color-confidence-medium);background:#ff9f0a0a}.confidence-low{border-color:var(--color-confidence-low);background:#ff3b300a}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.confidence-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.hero{padding:var(--space-2xl) var(--space-lg)}.hero-title{font-size:2.5rem}.hero-tagline{font-size:1.0625rem}.features-grid{grid-template-columns:1fr;gap:var(--space-md)}.confidence-grid{grid-template-columns:1fr}.drug-grid{grid-template-columns:repeat(2,1fr)}.header-inner{padding:0 var(--space-md)}.nav{gap:var(--space-md)}.nav-link{font-size:.8125rem}}.analyze-page{max-width:var(--max-width);margin:0 auto;padding:var(--space-lg) var(--space-lg)}.analyze-header{text-align:center;margin-bottom:var(--space-md)}.analyze-title{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-xs)}.analyze-subtitle{font-size:1.0625rem;color:var(--color-text-secondary)}.drug-input-panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.panel-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-xs)}.panel-desc{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.drug-input-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.drug-input-row{display:flex;align-items:center;gap:var(--space-sm)}.drug-input-index{font-size:.875rem;color:var(--color-text-tertiary);font-weight:600;width:24px;text-align:center;flex-shrink:0}.drug-input-field{flex:1;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-sans);transition:border-color .2s ease;background:var(--color-bg)}.drug-input-field:focus{outline:none;border-color:var(--color-primary)}.drug-input-field:disabled{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.drug-input-smiles{font-family:var(--font-mono);font-size:.8125rem}.drug-input-remove{width:32px;height:32px;border:none;background:none;color:var(--color-text-tertiary);font-size:1rem;cursor:pointer;border-radius:50%;transition:all .2s ease;flex-shrink:0}.drug-input-remove:hover{background:#ff3b3014;color:var(--color-confidence-low)}.drug-input-actions{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.drug-input-add{padding:8px 16px;font-size:.875rem}.drug-input-count{font-size:.8125rem;color:var(--color-text-tertiary)}.drug-input-submit{width:100%;padding:12px;font-size:.9375rem}.drug-input-submit:disabled{opacity:.5;cursor:not-allowed}.drug-input-field-wrapper{position:relative;flex:1}.drug-input-field-wrapper .drug-input-field{width:100%}.drug-input-error{border-color:#ff3b3099!important;background:#ff3b3008}.drug-input-error:focus{border-color:#ff3b30cc!important;box-shadow:0 0 0 3px #ff3b301a!important}.drug-input-valid{border-color:#34c75980!important}.drug-input-validating{border-color:#ffcc0080!important}.drug-input-error-text{display:block;font-size:.75rem;color:#ff3b30e6;margin-top:4px;padding-left:2px}.drug-input-valid-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#34c759cc;font-size:.875rem;pointer-events:none}.drug-input-validating-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#fc0c;font-size:1rem;pointer-events:none;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.drug-input-warning{padding:10px 14px;margin-bottom:var(--space-sm);font-size:.8125rem;color:#ff3b30e6;background:#ff3b300a;border-radius:var(--radius-sm);border:1px solid rgba(255,59,48,.15)}.drug-suggest-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:4px;background:var(--color-surface, #fff);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm, 8px);box-shadow:0 8px 24px #0000001f;max-height:220px;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.drug-suggest-item{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;transition:background .15s}.drug-suggest-item:hover,.drug-suggest-item-active{background:#007aff0f}.drug-suggest-cn{font-size:.9375rem;font-weight:500;color:var(--color-text-primary, #1d1d1f)}.drug-suggest-en{font-size:.8125rem;color:var(--color-text-tertiary, #86868b);font-style:italic}.drug-suggest-badge{margin-left:auto;font-size:.6875rem;padding:2px 6px;border-radius:4px;background:#34c7591a;color:#34c759e6;white-space:nowrap}.drug-suggest-empty{padding:12px 14px;font-size:.8125rem;color:var(--color-text-tertiary, #86868b);text-align:center}.smart-input-section{margin-bottom:var(--space-md, 16px)}.smart-input-hint{font-size:.8125rem;color:var(--color-text-secondary, #6e6e73);margin-bottom:8px}.smart-input-wrapper{display:flex;gap:10px;align-items:flex-start}.smart-input-box{flex:1;padding:12px 14px;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md, 10px);font-size:.9375rem;font-family:inherit;resize:vertical;min-height:72px;line-height:1.5;transition:border-color .2s,box-shadow .2s;background:var(--color-surface, #fff)}.smart-input-box:focus{outline:none;border-color:var(--color-primary, #007aff);box-shadow:0 0 0 3px #007aff1a}.smart-input-box:disabled{opacity:.5;cursor:not-allowed}.smart-input-box::placeholder{color:var(--color-text-tertiary, #86868b);font-size:.875rem}.smart-input-btn{padding:12px 20px;white-space:nowrap;align-self:flex-end;min-height:44px}.smart-input-error{margin-top:8px;font-size:.8125rem;color:#ff9500e6;padding:6px 10px;background:#ff95000f;border-radius:var(--radius-sm, 6px)}.input-divider{display:flex;align-items:center;gap:12px;margin:var(--space-md, 16px) 0}.input-divider:before,.input-divider:after{content:"";flex:1;height:1px;background:#00000014}.input-divider-text{font-size:.75rem;color:var(--color-text-tertiary, #86868b);white-space:nowrap}.analyze-error{margin-bottom:var(--space-lg)}.error-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#ff3b300f;border:1px solid rgba(255,59,48,.2);border-radius:var(--radius-md)}.error-icon{font-size:1.25rem;flex-shrink:0}.error-text{font-size:.9375rem;color:var(--color-confidence-low)}.analyze-progress{margin-bottom:var(--space-xl)}.progress-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.progress-label{font-size:.9375rem;font-weight:500}.progress-percent{font-size:.9375rem;font-weight:600;color:var(--color-primary)}.progress-bar-container{height:6px;background:var(--color-bg-secondary);border-radius:3px;overflow:hidden;margin-bottom:var(--space-sm)}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease}.progress-details{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--color-text-tertiary)}.heatmap-view{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.heatmap-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-md)}.heatmap-summary{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.heatmap-stat{font-size:.875rem;color:var(--color-text-secondary)}.heatmap-grid-container{overflow-x:auto;margin-bottom:var(--space-lg)}.heatmap-table{border-collapse:collapse;width:auto;min-width:100%}.heatmap-corner{width:80px}.heatmap-col-header,.heatmap-row-header{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);padding:var(--space-sm);text-align:center;white-space:nowrap}.heatmap-row-header{text-align:right;padding-right:var(--space-md)}.heatmap-cell{width:60px;height:60px;text-align:center;vertical-align:middle;border:1px solid var(--color-bg-secondary);border-radius:4px;cursor:default;position:relative}.heatmap-cell-diagonal{background:var(--color-bg-secondary);color:var(--color-text-tertiary);font-size:.75rem}.heatmap-cell-compatible{background:#34c75914}.heatmap-cell-partial{background:#ff9f0a14}.heatmap-cell-exclusive{background:#ff3b3014}.heatmap-cell-empty{background:var(--color-bg-secondary)}.heatmap-cell-icon{font-size:1.25rem;display:block}.heatmap-cell-confidence{font-size:.625rem;display:block;margin-top:2px}.heatmap-legend{display:flex;gap:var(--space-lg);flex-wrap:wrap}.heatmap-legend-item{font-size:.8125rem;color:var(--color-text-secondary)}.heatmap-empty{text-align:center;padding:var(--space-xl);color:var(--color-text-tertiary)}.pair-list-view{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.pair-list-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xs)}.pair-list-subtitle{font-size:.875rem;color:var(--color-text-tertiary);margin-bottom:var(--space-lg)}.pair-list-items{display:flex;flex-direction:column;gap:var(--space-md)}.pair-list-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:box-shadow .2s ease;position:relative}.pair-list-card:hover{box-shadow:var(--shadow-md)}.pair-list-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.pair-list-rank{font-size:.8125rem;font-weight:600;color:var(--color-text-tertiary);background:var(--color-bg-secondary);padding:2px 8px;border-radius:4px}.pair-list-names{font-size:1rem;font-weight:600}.pair-list-target{font-size:.8125rem;color:var(--color-text-tertiary);margin-left:auto}.pair-list-metrics{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap}.pair-list-metric{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:.75rem;color:var(--color-text-tertiary)}.metric-value{font-size:.9375rem;font-weight:500;font-family:var(--font-mono)}.pair-list-status{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md)}.pair-list-compatibility,.pair-list-confidence{font-size:.875rem}.pair-list-evidence,.pair-list-reason{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.evidence-label,.reason-label,.reference-label{font-weight:500}.pair-list-detail{margin-top:var(--space-sm)}.pair-list-reference{font-size:.8125rem;color:var(--color-confidence-high)}.pair-list-note{font-size:.8125rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-top:var(--space-xs)}.pair-list-note-medium{background:#ff9f0a0f;color:var(--color-confidence-medium)}.pair-list-note-low{background:#ff3b300f;color:var(--color-confidence-low)}.pair-list-cache-badge{position:absolute;top:var(--space-md);right:var(--space-md);font-size:.6875rem;background:var(--color-bg-secondary);color:var(--color-text-tertiary);padding:2px 8px;border-radius:4px}.pair-list-empty{text-align:center;padding:var(--space-xl);color:var(--color-text-tertiary)}.analyze-disclaimer{text-align:center;padding:var(--space-lg);font-size:.8125rem;color:var(--color-text-tertiary);border-top:1px solid var(--color-border);margin-top:var(--space-lg)}.analyze-computation-time{margin-top:var(--space-xs)}.analyze-partial-hint{text-align:center;padding:var(--space-md);font-size:.875rem;color:var(--color-text-secondary)}@media (max-width: 768px){.analyze-page{padding:var(--space-lg) var(--space-md)}.drug-input-row{flex-wrap:wrap}.drug-input-field{min-width:0}.drug-input-smiles{flex-basis:100%;margin-left:32px}.heatmap-summary,.pair-list-metrics{gap:var(--space-md)}.pair-list-header{flex-direction:column;align-items:flex-start}.pair-list-target{margin-left:0}}.page-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:var(--space-sm)}.page-subtitle{font-size:1.0625rem;color:var(--color-text-secondary);text-align:center;max-width:640px;margin:0 auto var(--space-xl);line-height:1.8}.principle-page{padding-bottom:0;scroll-snap-type:y mandatory;overflow-y:auto;height:calc(100dvh - 52px)}.principle-hero{min-height:calc(100vh - 52px);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-lg);text-align:center}.principle-section{min-height:100vh;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-lg);max-width:var(--max-width);margin:0 auto}.principle-section-alt{background:var(--color-bg-secondary);max-width:100%;min-height:100vh;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-lg)}.principle-section-alt .principle-content,.principle-section-alt .tech-stack{max-width:var(--max-width);margin:0 auto}.principle-content p{font-size:1rem;line-height:1.8;color:var(--color-text);margin-bottom:var(--space-md)}.principle-note{margin-top:var(--space-lg);padding:var(--space-md);background:#ff3b300d;border-left:3px solid var(--color-confidence-low);border-radius:var(--radius-sm);font-size:.9375rem}.principle-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-xl)}.flow-step{padding:var(--space-xl) var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:box-shadow .2s ease}.flow-step:hover{box-shadow:var(--shadow-md)}.flow-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.flow-step h3{font-size:1.0625rem;font-weight:600;margin-bottom:var(--space-sm)}.flow-step p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;text-align:left}.principle-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-top:var(--space-lg)}.highlight-card{padding:var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.highlight-card h4{font-size:.9375rem;font-weight:600;margin-bottom:var(--space-xs)}.highlight-card p{font-size:.8125rem;color:var(--color-text-secondary);margin:0}.rule-table{margin-top:var(--space-lg);overflow-x:auto}.rule-table table{width:100%;border-collapse:collapse;font-size:.9375rem}.rule-table th,.rule-table td{padding:12px 16px;border:1px solid var(--color-border);text-align:left}.rule-table th{background:var(--color-bg-secondary);font-weight:600}.rule-table .row-compatible{background:#34c7590d}.rule-table .row-partial{background:#ff9f0a0d}.rule-table .row-exclusive{background:#ff3b300d}.confidence-rules{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.confidence-rule{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.confidence-rule.confidence-high{border-color:var(--color-confidence-high);background:#34c7590a}.confidence-rule.confidence-medium{border-color:var(--color-confidence-medium);background:#ff9f0a0a}.confidence-rule.confidence-low{border-color:var(--color-confidence-low);background:#ff3b300a}.rule-badge{font-size:1rem;font-weight:600;white-space:nowrap;min-width:100px}.rule-detail p{font-size:.875rem;margin:2px 0}.tech-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-top:var(--space-xl)}.tech-category h4{font-size:1rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-primary)}.tech-category ul{list-style:none;padding:0}.tech-category li{font-size:.875rem;color:var(--color-text-secondary);padding:4px 0;border-bottom:1px solid var(--color-border)}.tech-category li:last-child{border-bottom:none}.validation-page{padding-bottom:0;scroll-snap-type:y mandatory;overflow-y:auto;height:calc(100dvh - 52px)}.validation-header{min-height:calc(100vh - 52px);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-lg);text-align:center}.validation-summary{padding:0 var(--space-lg) var(--space-xl);max-width:var(--max-width);margin:0 auto}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.summary-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.summary-value{font-size:2rem;font-weight:700;color:var(--color-primary)}.summary-label{font-size:.9375rem;color:var(--color-text);margin-top:var(--space-xs)}.summary-detail{font-size:.8125rem;color:var(--color-text-tertiary);margin-top:2px}.validation-pairs,.validation-stats,.validation-note{padding:var(--space-xl) var(--space-lg);max-width:var(--max-width);margin:0 auto;min-height:100vh;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center}.validation-table-container{overflow-x:auto;margin-top:var(--space-lg)}.validation-table{width:100%;border-collapse:collapse;font-size:.875rem}.validation-table th,.validation-table td{padding:10px 12px;border:1px solid var(--color-border);text-align:left}.validation-table th{background:var(--color-bg-secondary);font-weight:600;font-size:.8125rem}.validation-table .row-correct{background:#34c7590a}.validation-table .row-incorrect{background:#ff3b300f}.validation-table .cell-drug{font-weight:500}.validation-table .cell-energy{font-family:var(--font-mono);font-size:.8125rem}.validation-table .cell-match{text-align:center;font-size:1.125rem}.validation-table .cell-evidence{font-size:.75rem;color:var(--color-text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-top:var(--space-lg)}.stat-card{padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.stat-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-xs)}.stat-description{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.stat-details{display:flex;flex-direction:column;gap:var(--space-sm)}.stat-row{display:flex;justify-content:space-between;font-size:.875rem;padding:6px 0;border-bottom:1px solid var(--color-border)}.stat-row:last-child{border-bottom:none}.stat-key{color:var(--color-text-secondary)}.stat-val{font-weight:500}.stat-pass{color:var(--color-confidence-high)}.note-content{margin-top:var(--space-lg)}.note-content p{font-size:.9375rem;line-height:1.8;margin-bottom:var(--space-md);color:var(--color-text-secondary)}.note-content strong{color:var(--color-text)}@media (max-width: 1024px){.principle-flow,.principle-highlights,.tech-stack{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}}@media (max-width: 768px){.principle-flow,.principle-highlights,.tech-stack,.summary-cards{grid-template-columns:1fr}.page-title{font-size:2rem}.confidence-rule{flex-direction:column}}.chat-page{display:flex;flex-direction:column;height:calc(100dvh - 52px);max-width:960px;margin:0 auto;padding:0 var(--space-lg)}.chat-header{text-align:center;padding:var(--space-sm) 0;flex-shrink:0}.chat-title{font-size:1.25rem;font-weight:600;margin-bottom:2px}.chat-subtitle{font-size:.875rem;color:var(--color-text-secondary, #6e6e73)}.chat-badge{display:inline-block;margin-top:8px;padding:4px 12px;font-size:.75rem;color:#34c759e6;background:#34c75914;border-radius:20px;border:1px solid rgba(52,199,89,.2)}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-md) 0}.chat-empty{text-align:center;padding:60px 20px}.chat-empty-title{font-size:.9375rem;color:var(--color-text-secondary, #6e6e73);margin-bottom:16px}.chat-suggestions{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:0 auto}.chat-suggestion{padding:12px 16px;font-size:.875rem;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-md, 10px);background:var(--color-surface, #fff);cursor:pointer;text-align:left;transition:all .15s}.chat-suggestion:hover{border-color:var(--color-primary, #007aff);background:#007aff08}.chat-message{margin-bottom:16px;display:flex}.chat-message-user{justify-content:flex-end}.chat-message-assistant{justify-content:flex-start}.chat-bubble{max-width:90%;padding:14px 18px;border-radius:16px;line-height:1.7;font-size:.9375rem}.chat-message-user .chat-bubble{background:var(--color-primary, #007aff);color:#fff;border-bottom-right-radius:4px}.chat-message-assistant .chat-bubble{background:#0000000a;color:var(--color-text-primary, #1d1d1f);border-bottom-left-radius:4px}.chat-bubble-streaming{animation:pulse 1.5s infinite}.chat-text{white-space:pre-wrap}.chat-computation-card{margin-bottom:12px;padding:10px 12px;background:#007aff0a;border:1px solid rgba(0,122,255,.12);border-radius:10px}.computation-card-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.computation-card-icon{font-size:.875rem}.computation-card-title{font-size:.75rem;font-weight:600;color:var(--color-primary, #007aff)}.computation-card-time{margin-left:auto;font-size:.6875rem;color:var(--color-text-tertiary, #86868b)}.computation-steps{display:flex;flex-direction:column;gap:4px}.computation-step{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--color-text-secondary, #6e6e73)}.step-dot{font-size:.5rem;color:#34c759cc}.computation-step-completed .step-dot{color:#34c759}.computation-step-docking .step-dot,.computation-step-analyzing .step-dot{color:#ff9500cc}.chat-report-card{margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.report-pair{padding:10px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:var(--color-surface, #fff)}.report-pair-compatible{border-color:#34c75933}.report-pair-exclusive{border-color:#ff3b3033}.report-pair-drugs{font-size:.8125rem;font-weight:600;margin-bottom:4px}.report-pair-result{display:flex;align-items:center;gap:10px;margin-bottom:4px}.compat-badge{font-size:.75rem;padding:2px 8px;border-radius:4px;font-weight:500}.compat-compatible{color:#34c759e6;background:#34c7591a}.compat-exclusive{color:#ff3b30e6;background:#ff3b301a}.compat-partial{color:#ff9500e6;background:#ff95001a}.report-pair-confidence,.report-pair-evidence{font-size:.6875rem;color:var(--color-text-tertiary, #86868b)}.chat-input-area{flex-shrink:0;display:flex;gap:10px;padding:var(--space-md) 0;border-top:1px solid rgba(0,0,0,.06)}.chat-input{flex:1;padding:12px 16px;border:1px solid rgba(0,0,0,.1);border-radius:24px;font-size:.9375rem;font-family:inherit;resize:none;line-height:1.4;max-height:120px;transition:border-color .2s}.chat-input:focus{outline:none;border-color:var(--color-primary, #007aff)}.chat-send-btn{padding:12px 20px;border-radius:24px;white-space:nowrap;align-self:flex-end}.chat-feedback{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.05)}.chat-feedback-label{font-size:.6875rem;color:var(--color-text-tertiary, #86868b)}.feedback-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:transparent;font-size:.75rem;cursor:pointer;transition:all .15s;color:var(--color-text-secondary, #6e6e73)}.feedback-btn:hover{border-color:var(--color-primary, #007aff);background:#007aff0a}.feedback-btn.feedback-active-up{border-color:var(--color-confidence-high);background:#34c75914;color:var(--color-confidence-high)}.feedback-btn.feedback-active-down{border-color:var(--color-confidence-low);background:#ff3b300f;color:var(--color-confidence-low)}.feedback-comment-input{flex:1;padding:6px 10px;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:.75rem;font-family:inherit;transition:border-color .2s}.feedback-comment-input:focus{outline:none;border-color:var(--color-primary, #007aff)}.feedback-submitted{font-size:.6875rem;color:var(--color-confidence-high)}.confidence-action-hint{margin-top:6px;padding:6px 10px;font-size:.6875rem;border-radius:6px;line-height:1.5}.confidence-action-hint-medium{background:#ff9f0a0f;color:var(--color-confidence-medium);border-left:2px solid var(--color-confidence-medium)}.confidence-action-hint-low{background:#ff3b300d;color:var(--color-confidence-low);border-left:2px solid var(--color-confidence-low)}@media (max-width: 768px){.chat-page{height:calc(100vh - 52px);padding:0 var(--space-md)}.chat-header{padding:var(--space-sm) 0}.chat-title{font-size:1.25rem}.chat-input-area{position:sticky;bottom:0;background:var(--color-bg, #fff);padding:var(--space-sm) 0 var(--space-md);margin:0 calc(-1 * var(--space-md));padding-left:var(--space-md);padding-right:var(--space-md);border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -2px 8px #0000000a}.chat-bubble{max-width:92%}.chat-send-btn{padding:10px 16px;font-size:.875rem}}@media (prefers-color-scheme: dark){:root{--color-text: #f5f5f7;--color-text-secondary: #a1a1a6;--color-text-tertiary: #6e6e73;--color-bg: #1d1d1f;--color-bg-secondary: #2c2c2e;--color-border: #3a3a3c;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}.header{background:#1d1d1fd9;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.chat-message-assistant .chat-bubble{background:#ffffff0f;color:var(--color-text)}.chat-input,.chat-suggestion{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.chat-suggestion:hover{border-color:var(--color-primary);background:#0071e31a}.chat-computation-card{background:#0071e314;border-color:#0071e333}.report-pair{background:var(--color-bg-secondary)}.drug-input-field{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text)}.feature-card,.flow-step,.highlight-card,.stat-card,.drug-input-panel,.heatmap-view,.pair-list-view{background:var(--color-bg-secondary);border-color:var(--color-border)}.hero{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%)}.hero-title{background:linear-gradient(135deg,var(--color-text) 0%,var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-btn{border-color:var(--color-border);color:var(--color-text-secondary)}.feedback-comment-input{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.chat-input-area{border-top-color:var(--color-border)}@media (max-width: 768px){.chat-input-area{background:var(--color-bg)}}}