@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display&display=swap";:root{--navy: #1B2A4A;--navy-light: #243556;--navy-dark: #111D35;--surface: #FAFBFC;--surface-alt: #F1F5F9;--white: #FFFFFF;--teal: #0D9488;--teal-light: #14B8A6;--teal-muted: rgba(13, 148, 136, .08);--emerald: #059669;--emerald-bg: #ECFDF5;--emerald-border: #A7F3D0;--amber: #D97706;--amber-bg: #FFFBEB;--amber-border:#FDE68A;--rose: #DC2626;--rose-bg: #FEF2F2;--rose-border: #FECACA;--slate-900: #0F172A;--slate-700: #334155;--slate-500: #64748B;--slate-400: #94A3B8;--slate-300: #CBD5E1;--slate-200: #E2E8F0;--slate-100: #F1F5F9;--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glow-teal: 0 0 20px rgba(13, 148, 136, .15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--sidebar-width: 272px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--slate-700);background:var(--surface);line-height:1.6;min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--navy);line-height:1.25}a{color:var(--teal);text-decoration:none;transition:color var(--duration-fast) ease}a:hover{color:var(--teal-light)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-body);outline:none}.app-layout{display:flex;min-height:100vh}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;position:relative;overflow-x:hidden}.main-content:before{content:"";position:fixed;top:0;right:0;bottom:0;width:calc(100% - var(--sidebar-width));background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230D9488' fill-opacity='0.018'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}.main-content>*{position:relative;z-index:1}.content-wrapper{max-width:1060px;margin:0 auto;padding:var(--space-10) var(--space-8) var(--space-16)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}@media(max-width:768px){:root{--sidebar-width: 0px}.main-content{margin-left:0}.main-content:before{width:100%}.content-wrapper{padding:var(--space-4) var(--space-4) var(--space-12)}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--navy);z-index:100;overflow-y:auto;overflow-x:hidden}.sidebar-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none}.sidebar-inner{position:relative;display:flex;flex-direction:column;min-height:100%;padding:var(--space-6) var(--space-5)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-6);margin-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.08)}.logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:#14b8a61a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--white);letter-spacing:-.01em;line-height:1.1}.logo-sub{font-size:var(--text-xs);color:var(--slate-400);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.sidebar-section-label{display:block;font-size:.6875rem;font-weight:600;color:var(--slate-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);padding-left:var(--space-1)}.sidebar-steps{padding:var(--space-5) 0}.step-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1);margin-bottom:var(--space-1);border-radius:var(--radius-md);transition:background var(--duration-fast) ease}.step-indicator{width:26px;height:26px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;flex-shrink:0;transition:all var(--duration-base) ease}.step-label{font-size:var(--text-sm);font-weight:500;transition:color var(--duration-fast) ease}.step-pending .step-indicator{background:#ffffff0f;color:var(--slate-400);border:1.5px solid rgba(255,255,255,.1)}.step-pending .step-label{color:var(--slate-400)}.step-active .step-indicator{background:var(--teal);color:var(--white);border:1.5px solid var(--teal);box-shadow:0 0 12px #0d948866}.step-active .step-label{color:var(--white)}.step-active{background:#0d948814}.step-completed .step-indicator{background:#05966926;color:var(--emerald);border:1.5px solid rgba(5,150,105,.3)}.step-completed .step-label{color:#ffffffb3}.sidebar-sections{padding:var(--space-4) 0;border-top:1px solid rgba(255,255,255,.06)}.section-link{display:block;padding:var(--space-2) var(--space-3);margin-bottom:2px;font-size:var(--text-sm);color:#ffffff8c;border-radius:var(--radius-sm);transition:all var(--duration-fast) ease;font-weight:400}.section-link:hover{color:var(--white);background:#ffffff0f}@media(max-width:768px){.sidebar{display:none}}.file-upload-section{margin-bottom:var(--space-8)}.dropzone{border:2px dashed var(--slate-300);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-8);text-align:center;cursor:pointer;transition:all var(--duration-base) var(--ease-out);background:var(--white);position:relative;overflow:hidden}.dropzone:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--teal-muted),transparent 60%);opacity:0;transition:opacity var(--duration-base) ease}.dropzone:hover,.dropzone-active{border-color:var(--teal);box-shadow:var(--shadow-glow-teal)}.dropzone:hover:before,.dropzone-active:before{opacity:1}.dropzone-overlay{position:absolute;inset:0;z-index:10;background:#f0fdfaf7;border-radius:inherit;display:flex;align-items:center;justify-content:center}.dropzone-overlay-ring{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--teal);font-weight:700;font-size:var(--text-lg);padding:var(--space-8) var(--space-10);border:2.5px dashed var(--teal);border-radius:var(--radius-lg);background:#fff;box-shadow:0 0 0 6px #0d94881a,0 8px 24px #0d948814}.dropzone-validating{border-color:var(--amber);pointer-events:none}.dropzone-icon{color:var(--slate-400);margin-bottom:var(--space-3);position:relative;transition:color var(--duration-fast) ease,transform var(--duration-base) var(--ease-spring)}.dropzone:hover .dropzone-icon,.dropzone-active .dropzone-icon{color:var(--teal);transform:translateY(-2px)}.dropzone-heading{font-family:var(--font-display);font-size:var(--text-lg);color:var(--navy);margin-bottom:var(--space-1);position:relative}.dropzone-sub{font-size:var(--text-sm);color:var(--slate-500);position:relative}.dropzone-browse{color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:2px}.dropzone-size-hint{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--slate-400);display:flex;align-items:center;justify-content:center;gap:var(--space-1);position:relative}.size-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:3px}.size-dot--emerald{background:var(--emerald)}.size-dot--amber{background:var(--amber)}.size-dot--rose{background:var(--rose)}.file-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--white);border:1.5px solid var(--emerald-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.file-card:has(.file-card-icon--warning){border-color:var(--rose);background:var(--rose-bg)}.file-card-icon--warning{animation:pulse-warning 1.5s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.file-card-icon{flex-shrink:0}.file-card-info{flex:1;min-width:0}.file-card-name{font-weight:600;font-size:var(--text-base);color:var(--navy);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card-warning{font-size:var(--text-xs);font-weight:600;color:var(--rose);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-1)}.file-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.size-badge,.variant-badge,.valid-badge{font-size:var(--text-xs);font-weight:500;padding:1px 8px;border-radius:var(--radius-full)}.size-badge--emerald{background:var(--emerald-bg);color:var(--emerald)}.size-badge--amber{background:var(--amber-bg);color:var(--amber)}.size-badge--rose{background:var(--rose-bg);color:var(--rose)}.variant-badge{background:var(--teal-muted);color:var(--teal)}.valid-badge{background:var(--emerald-bg);color:var(--emerald)}.file-card-remove{flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:transparent;color:var(--slate-400);transition:all var(--duration-fast) ease}.file-card-remove:hover{background:var(--rose-bg);color:var(--rose)}.drug-input-section{margin-bottom:var(--space-8)}.drug-input-disabled{pointer-events:none;opacity:.5}.drug-input-container{position:relative}.drug-tags-area{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-4);min-height:52px;background:var(--white);border:1.5px solid var(--slate-200);border-radius:var(--radius-lg);cursor:text;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;align-items:center}.drug-tags-area:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0d948814}.drug-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 10px;background:var(--teal-muted);color:var(--teal);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap;text-transform:capitalize}.drug-tag-remove{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--teal);transition:all var(--duration-fast) ease;flex-shrink:0}.drug-tag-remove:hover{background:#0d948833}.drug-search-input{flex:1;min-width:200px;border:none;background:transparent;font-size:var(--text-sm);color:var(--slate-700);padding:var(--space-1) 0}.drug-search-input::placeholder{color:var(--slate-400)}.drug-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden}.drug-dropdown-scroll{max-height:240px;overflow-y:auto;padding:var(--space-1)}.drug-dropdown-item{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--slate-700);border-radius:var(--radius-sm);background:transparent;transition:background var(--duration-fast) ease;text-transform:capitalize}.drug-dropdown-item:hover,.drug-dropdown-item--active{background:var(--teal-muted);color:var(--teal)}.drug-dropdown-more{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--slate-400);text-align:center;border-top:1px solid var(--slate-100)}.drug-actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.drug-action-btn{font-size:var(--text-xs);font-weight:500;color:var(--teal);background:transparent;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--duration-fast) ease}.drug-action-btn:hover:not(:disabled){background:var(--teal-muted)}.drug-action-btn:disabled{color:var(--slate-400);cursor:default}.drug-count{font-size:var(--text-xs);color:var(--slate-400);margin-left:auto}.risk-summary{margin-bottom:var(--space-10)}.section-heading{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.section-desc{font-size:var(--text-sm);color:var(--slate-500);margin-bottom:var(--space-6)}.risk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media(max-width:900px){.risk-cards{grid-template-columns:1fr}}.risk-card{border-radius:var(--radius-lg);border-left:4px solid;padding:var(--space-5);transition:box-shadow var(--duration-base) ease,transform var(--duration-base) var(--ease-out)}.risk-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.risk-card-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.risk-card-icon{flex-shrink:0;margin-top:2px}.risk-card-title{font-family:var(--font-body);font-size:var(--text-base);font-weight:700;line-height:1.2;margin-bottom:2px}.risk-card-count{font-size:var(--text-xs);font-weight:600;opacity:.8}.risk-card-drugs{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.risk-drug-chip{font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full);text-transform:capitalize}.risk-card-empty{font-size:var(--text-sm);font-style:italic;opacity:.5;margin-bottom:var(--space-3)}.risk-card-desc{font-size:var(--text-xs);opacity:.7;line-height:1.5}.drug-detail-section{margin-bottom:var(--space-10)}.accordion-list{display:flex;flex-direction:column;gap:var(--space-2)}.accordion-item{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.accordion-item:hover{border-color:var(--slate-300)}.accordion-open{border-color:var(--teal);box-shadow:0 0 0 1px #0d94881a}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:transparent;gap:var(--space-3)}.accordion-header-left{display:flex;align-items:center;gap:var(--space-3)}.tier-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.accordion-drug-name{font-weight:600;font-size:var(--text-base);color:var(--navy);text-transform:capitalize}.tier-badge{font-size:.6875rem;font-weight:600;padding:1px 8px;border-radius:var(--radius-full)}.tier-badge--avoid{background:var(--rose-bg);color:var(--rose)}.tier-badge--caution{background:var(--amber-bg);color:var(--amber)}.tier-badge--routine{background:var(--emerald-bg);color:var(--emerald)}.accordion-header-right{display:flex;align-items:center;gap:var(--space-3)}.accordion-gene{font-size:var(--text-xs);color:var(--slate-500);font-weight:500}.accordion-chevron{color:var(--slate-400);transition:transform var(--duration-base) var(--ease-out);flex-shrink:0}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden}.accordion-body-inner{padding:0 var(--space-4) var(--space-5);border-top:1px solid var(--slate-100);padding-top:var(--space-4)}.drug-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}@media(max-width:640px){.drug-meta-grid{grid-template-columns:1fr}}.drug-meta-item{display:flex;flex-direction:column;gap:2px}.drug-meta-label{font-size:var(--text-xs);font-weight:500;color:var(--slate-500);text-transform:uppercase;letter-spacing:.04em}.drug-meta-value{font-size:var(--text-sm);font-weight:600;color:var(--navy)}.drug-meta-value.mono{font-family:SF Mono,Cascadia Code,monospace;font-size:var(--text-xs);letter-spacing:-.02em}.guidelines-list{display:flex;flex-direction:column;gap:var(--space-3)}.guideline-card{background:var(--surface-alt);border-radius:var(--radius-md);padding:var(--space-4)}.guideline-source-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.guideline-source{font-size:var(--text-xs);font-weight:700;color:var(--teal);text-transform:uppercase;letter-spacing:.06em;background:var(--teal-muted);padding:2px 8px;border-radius:var(--radius-sm)}.guideline-link{font-size:var(--text-xs);font-weight:500;color:var(--teal)}.guideline-link:hover{text-decoration:underline}.guideline-summary{font-size:var(--text-sm);color:var(--slate-700);margin-bottom:var(--space-3);line-height:1.55}.guideline-rec{border-left:3px solid var(--teal);padding-left:var(--space-3)}.guideline-rec-label{font-size:var(--text-xs);font-weight:600;color:var(--slate-500);text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:2px}.guideline-rec-text{font-size:var(--text-sm);color:var(--navy);font-weight:500;line-height:1.55}.phenotype-section{margin-bottom:var(--space-10)}.pheno-legend{display:flex;gap:var(--space-5);margin-bottom:var(--space-4);flex-wrap:wrap}.pheno-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--slate-500);font-weight:500}.pheno-indicator{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;transition:transform var(--duration-fast) ease}.pheno-indicator:hover{transform:scale(1.15)}.pheno-normal{background:var(--emerald-bg);color:var(--emerald)}.pheno-increased{background:#0d948814;color:var(--teal)}.pheno-decreased{background:var(--amber-bg);color:var(--amber)}.pheno-na{background:var(--slate-100);color:var(--slate-400)}.pheno-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--slate-200);background:var(--white)}.pheno-table{width:100%;border-collapse:collapse;min-width:480px}.pheno-th,.pheno-th-drug{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500);background:var(--surface-alt);text-align:center;border-bottom:1px solid var(--slate-200);position:sticky;top:0}.pheno-th-drug{text-align:left;width:180px}.pheno-td,.pheno-td-drug{padding:var(--space-2) var(--space-4);text-align:center;border-bottom:1px solid var(--slate-100)}.pheno-td-drug{text-align:left;font-weight:600;font-size:var(--text-sm);color:var(--navy);text-transform:capitalize}.pheno-row:hover{background:var(--teal-muted)}.pheno-row:last-child td{border-bottom:none}.annotations-section{margin-bottom:var(--space-10)}.section-desc-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-2)}.sort-toggle{font-size:var(--text-xs);font-weight:500;color:var(--teal);background:var(--teal-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:background var(--duration-fast) ease}.sort-toggle:hover{background:#0d948826}.annotations-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--slate-200);background:var(--white)}.annotations-table{width:100%;border-collapse:collapse;min-width:780px;font-size:var(--text-sm)}.annotations-table th{padding:var(--space-3) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-500);background:var(--surface-alt);text-align:left;border-bottom:1px solid var(--slate-200);white-space:nowrap}.annotations-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--slate-100);vertical-align:middle}.annotation-row:hover{background:var(--teal-muted)}.annotation-row:last-child td{border-bottom:none}.annot-drug{font-weight:600;color:var(--navy);text-transform:capitalize;white-space:nowrap}.annot-gene{font-weight:500;font-family:SF Mono,Cascadia Code,monospace;font-size:var(--text-xs);color:var(--teal)}.annot-variant,.annot-diplotype{font-family:SF Mono,Cascadia Code,monospace;font-size:var(--text-xs);color:var(--slate-600)}.annot-phenotype{font-size:var(--text-xs);color:var(--slate-600);max-width:200px}.annot-category{font-size:.6875rem;font-weight:600;padding:1px 7px;border-radius:var(--radius-sm);white-space:nowrap}.annot-cat-toxicity{background:var(--rose-bg);color:var(--rose)}.annot-cat-dosage{background:var(--amber-bg);color:var(--amber)}.annot-cat-efficacy{background:#0d948814;color:var(--teal)}.evidence-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;font-size:.6875rem;font-weight:700;border-radius:var(--radius-sm);color:#fff}.level-1{background:#059669}.level-2{background:#3f72d8}.pgkb-link{font-size:var(--text-xs);color:var(--teal);font-weight:500}.pgkb-link:hover{text-decoration:underline}.export-bar{position:fixed;bottom:0;left:var(--sidebar-width);right:0;z-index:80;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--slate-200);padding:var(--space-3) var(--space-6)}.export-bar-inner{max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.export-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--navy)}.export-info svg{color:var(--teal)}.export-actions{display:flex;gap:var(--space-2)}.export-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);transition:all var(--duration-fast) ease}.export-btn--view{background:var(--white);color:var(--navy);border:1.5px solid var(--slate-200)}.export-btn--view:hover{border-color:var(--navy);background:var(--slate-50)}.export-btn--json{background:var(--teal);color:#fff}.export-btn--json:hover{background:var(--teal-light);box-shadow:var(--shadow-md)}.export-btn--copy{background:var(--white);color:var(--navy);border:1.5px solid var(--slate-200)}.export-btn--copy:hover{border-color:var(--teal);color:var(--teal)}.copy-toast{position:absolute;right:var(--space-6);bottom:100%;background:var(--navy);color:#fff;font-size:var(--text-xs);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);white-space:nowrap}@media(max-width:768px){.export-bar{left:0;padding:var(--space-2) var(--space-3)}.export-bar-inner{flex-direction:column;gap:var(--space-2)}.export-info{display:none}.export-actions{width:100%}.export-btn{flex:1;justify-content:center;font-size:var(--text-xs);padding:var(--space-2) var(--space-2)}}.json-preview-backdrop{position:fixed;inset:0;z-index:200;background:#1b2a4a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.json-preview-panel{width:100%;max-width:720px;max-height:80vh;display:flex;flex-direction:column;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 24px 80px #1b2a4a40;overflow:hidden}.json-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--slate-200);background:var(--slate-50)}.json-preview-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--navy)}.json-preview-title svg{color:var(--teal)}.json-preview-actions{display:flex;align-items:center;gap:var(--space-2)}.json-preview-copy{font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);background:var(--teal);color:#fff;border-radius:var(--radius-md);transition:background var(--duration-fast) ease}.json-preview-copy:hover{background:var(--teal-light)}.json-preview-close{width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:transparent;color:var(--slate-400);transition:all var(--duration-fast) ease}.json-preview-close:hover{background:var(--rose-bg);color:var(--rose)}.json-preview-body{flex:1;overflow:auto;padding:var(--space-4) var(--space-5);margin:0;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12.5px;line-height:1.6;color:var(--navy);background:var(--white);white-space:pre;tab-size:2;-moz-tab-size:2}.json-preview-body code{font-family:inherit}@media(max-width:768px){.json-preview-backdrop{padding:var(--space-3)}.json-preview-panel{max-height:70vh}.json-preview-body{font-size:11px;padding:var(--space-3)}}.error-banner{position:fixed;top:0;left:var(--sidebar-width);right:0;z-index:200;padding:0 var(--space-4)}.error-banner-inner{max-width:1060px;margin:var(--space-3) auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.error-banner--error .error-banner-inner{background:var(--rose-bg);border:1px solid var(--rose-border)}.error-banner--error .error-banner-icon{color:var(--rose)}.error-banner--error .error-banner-message{color:#991b1b}.error-banner--warning .error-banner-inner{background:var(--amber-bg);border:1px solid var(--amber-border)}.error-banner--warning .error-banner-icon{color:var(--amber)}.error-banner--warning .error-banner-message{color:#92400e}.error-banner-icon{flex-shrink:0}.error-banner-message{flex:1;font-size:var(--text-sm);font-weight:500;line-height:1.4}.error-banner-close{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:transparent;color:inherit;opacity:.5;transition:opacity var(--duration-fast) ease}.error-banner-close:hover{opacity:1}@media(max-width:768px){.error-banner{left:0}}.hero{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--slate-200)}.hero-title{font-size:var(--text-4xl);color:var(--navy);margin-bottom:var(--space-3);letter-spacing:-.02em}.hero-accent{color:var(--teal)}.hero-subtitle{font-size:var(--text-lg);color:var(--slate-500);max-width:640px;line-height:1.6;font-weight:300}.step-section{margin-bottom:var(--space-6);transition:opacity var(--duration-base) ease}.step-section--disabled{pointer-events:none}.step-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:var(--teal);color:#fff;font-size:var(--text-sm);font-weight:700;flex-shrink:0;margin-top:2px}.step-title{font-size:var(--text-xl);margin-bottom:2px}.step-desc{font-size:var(--text-sm);color:var(--slate-500)}.analyze-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);margin:var(--space-4) 0 var(--space-8)}.analyze-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);font-size:var(--text-base);font-weight:700;color:#fff;background:linear-gradient(135deg,var(--teal),#0F766E);border-radius:var(--radius-lg);box-shadow:0 4px 14px #0d94884d;transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.analyze-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .5s ease}.analyze-btn:hover:not(:disabled):before{transform:translate(100%)}.analyze-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0d948866}.analyze-btn:active:not(:disabled){transform:translateY(0)}.analyze-btn--loading{pointer-events:none;opacity:.85}.analyze-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analysis-steps{display:flex;flex-direction:column;gap:6px;width:100%;max-width:380px;padding:var(--space-4) var(--space-5);background:var(--slate-50, #f8fafc);border:1px solid var(--slate-200, #e2e8f0);border-radius:var(--radius-lg, 12px)}.analysis-step{display:flex;align-items:center;gap:8px;font-size:12.5px;font-family:var(--font-mono, "SF Mono", "Fira Code", monospace);line-height:1.4;transition:opacity .3s ease}.analysis-step--done{color:var(--teal, #0d9488)}.analysis-step--active{color:var(--navy, #0f172a);font-weight:600}.analysis-step--pending{color:var(--slate-400, #94a3b8)}.analysis-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.analysis-step-dot{display:block;width:5px;height:5px;border-radius:50%;background:var(--slate-300, #cbd5e1)}.analysis-step-pulse{display:block;width:7px;height:7px;border-radius:50%;background:var(--teal, #0d9488);animation:stepPulse 1.2s ease-in-out infinite}@keyframes stepPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}.analysis-step-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-panel{padding-bottom:80px}.results-divider{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.results-divider:before,.results-divider:after{content:"";flex:1;height:1px;background:var(--slate-200)}.results-divider span{font-family:var(--font-display);font-size:var(--text-lg);color:var(--navy);white-space:nowrap}.reset-row{display:flex;justify-content:center;margin:var(--space-8) 0 var(--space-4)}.reset-btn{font-size:var(--text-sm);font-weight:600;color:var(--slate-500);background:transparent;border:1.5px solid var(--slate-300);padding:var(--space-2) var(--space-6);border-radius:var(--radius-lg);transition:all var(--duration-fast) ease}.reset-btn:hover{border-color:var(--navy);color:var(--navy)}@media(max-width:768px){.hero-title{font-size:var(--text-2xl)}.hero-subtitle{font-size:var(--text-base)}}