*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--rose: #C2185B;--rose-deep: #880E4F;--rose-light: #FCE4EC;--rose-mid: #F48FB1;--teal: #00796B;--teal-light: #E0F2F1;--navy: #1A237E;--amber: #F57F17;--amber-light: #FFF8E1;--green: #2E7D32;--green-light: #E8F5E9;--slate: #37474F;--ink: #1C1C2E;--fog: #F7F4F8;--border: #E0D6E8;--white: #FFFFFF;--gray-mid: #B0BEC5;--azure: #0078D4;--azure-light: #E3F2FD;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 20px rgba(0,0,0,.09);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--serif: "DM Serif Display", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", "Courier New", monospace}html{font-size:16px}body{font-family:var(--sans);background:var(--fog);color:var(--slate);min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}*:focus-visible{outline:2px solid var(--rose);outline-offset:2px;border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-up{animation:fadeUp .35s ease forwards}.topbar{background:linear-gradient(135deg,var(--rose-deep) 0%,var(--rose) 65%,#E91E63 100%);color:#fff;height:60px;display:flex;align-items:center;padding:0 1.5rem;position:sticky;top:0;z-index:200;box-shadow:0 2px 20px #880e4f4d;gap:12px}.topbar-logo{width:34px;height:34px;background:rgba(255,255,255,.18);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.topbar-title{font-family:var(--serif);font-size:1.2rem}.topbar-sub{font-size:.68rem;opacity:.75;letter-spacing:.08em;text-transform:uppercase}.topbar-spacer{flex:1}.topbar-badge{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:3px 9px;font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.page-container{max-width:1120px;margin:0 auto;padding:1.8rem 1.5rem}.stepper{display:flex;background:white;border-radius:var(--radius-md);padding:5px;box-shadow:var(--shadow-sm);margin-bottom:1.6rem;border:1px solid var(--border);overflow:hidden}.step-btn{flex:1;padding:9px 10px;border:none;background:transparent;border-radius:9px;cursor:pointer;font-family:var(--sans);font-size:.8rem;font-weight:500;color:#999;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.step-btn.active{background:var(--rose);color:#fff;box-shadow:0 2px 10px #c2185b4d}.step-btn.done{color:var(--teal)}.step-num{width:19px;height:19px;border-radius:50%;background:rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.step-btn.active .step-num{background:rgba(255,255,255,.25)}.step-btn.done .step-num{background:var(--teal);color:#fff}.card{background:white;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.card-title{font-family:var(--serif);font-size:1.05rem;color:var(--ink);display:flex;align-items:center;gap:8px;margin-bottom:.2rem}.card-sub{font-size:.76rem;color:#999;margin-bottom:1.1rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.form-group{margin-bottom:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}label{display:block;font-size:.75rem;font-weight:600;color:var(--slate);margin-bottom:4px;letter-spacing:.03em}input[type=number],input[type=text],select,textarea{width:100%;padding:8px 11px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--sans);font-size:.84rem;color:var(--ink);background:var(--fog);transition:border-color .15s,background .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--rose);background:white}.gene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.gene-label{font-size:.67rem;font-weight:700;color:var(--rose);margin-bottom:2px;font-family:var(--mono);letter-spacing:.04em}.gene-group-tag{display:inline-block;font-size:.56rem;padding:1px 4px;border-radius:3px;margin-left:3px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tag-er{background:#FCE4EC;color:#c2185b}.tag-pro{background:#E8F5E9;color:#2e7d32}.tag-her2{background:#E3F2FD;color:#1565c0}.tag-inv{background:#FFF3E0;color:#e65100}.tag-oth{background:#F3E5F5;color:#6a1b9a}.gene-group-header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.45rem;padding-bottom:4px;display:flex;align-items:baseline;gap:6px}.btn{padding:9px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-family:var(--sans);font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--rose);color:#fff;box-shadow:0 3px 12px #c2185b47}.btn-primary:hover{background:var(--rose-deep);transform:translateY(-1px)}.btn-secondary{background:var(--fog);color:var(--slate);border:1.5px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-teal{background:var(--teal);color:#fff;box-shadow:0 3px 10px #00796b38}.btn-teal:hover{background:#00695C;transform:translateY(-1px)}.btn-lg{padding:12px 28px;font-size:.92rem;border-radius:var(--radius-md)}.btn-full{width:100%;justify-content:center}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.risk-badge{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border-radius:30px;font-weight:700;font-size:.9rem;letter-spacing:.02em}.risk-low{background:var(--green-light);color:var(--green);border:1.5px solid #A5D6A7}.risk-int{background:var(--amber-light);color:var(--amber);border:1.5px solid #FFE082}.risk-high{background:#FFEBEE;color:#c62828;border:1.5px solid #EF9A9A}.gene-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.gene-bar-name{font-family:var(--mono);font-size:.66rem;font-weight:600;color:var(--slate);width:76px;flex-shrink:0}.gene-bar-track{flex:1;height:9px;background:var(--fog);border-radius:5px;overflow:hidden;border:1px solid var(--border)}.gene-bar-fill{height:100%;border-radius:5px;transition:width .9s ease}.gene-bar-val{font-size:.67rem;font-family:var(--mono);color:#999;width:36px;text-align:right}.rec-box{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:.75rem;border-left:4px solid}.rec-chemo{background:#FFEBEE;border-color:#c62828}.rec-et{background:var(--green-light);border-color:var(--green)}.rec-watch{background:var(--amber-light);border-color:var(--amber)}.rec-purple{background:#F3E5F5;border-color:#7b1fa2}.rec-title{font-weight:700;font-size:.87rem;margin-bottom:3px}.rec-body{font-size:.8rem;line-height:1.5}.narrative{background:linear-gradient(135deg,var(--rose-light),#F3E5F5);border:1px solid var(--rose-mid);border-radius:var(--radius-md);padding:1.2rem 1.4rem;line-height:1.7;font-size:.86rem;color:var(--ink);white-space:pre-wrap}.score-progress{height:11px;background:linear-gradient(90deg,#A5D6A7 0%,#FFF176 43%,#EF9A9A 100%);border-radius:6px;position:relative;margin:.7rem 0}.score-needle{position:absolute;top:-4px;width:4px;height:19px;background:var(--ink);border-radius:2px;transform:translate(-50%);transition:left .9s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #0000004d}.score-ticks{display:flex;justify-content:space-between;font-size:.63rem;color:#999;font-family:var(--mono);margin-top:2px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.2rem}.sum-box{background:white;border-radius:var(--radius-md);padding:.9rem;text-align:center;border:1px solid var(--border)}.sum-val{font-family:var(--serif);font-size:1.7rem;color:var(--rose);line-height:1}.sum-lbl{font-size:.68rem;color:#999;margin-top:3px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.report-header{background:linear-gradient(135deg,var(--rose-deep),var(--rose));color:#fff;border-radius:var(--radius-lg);padding:1.4rem;margin-bottom:1.1rem;display:flex;justify-content:space-between;align-items:flex-start}.report-title{font-family:var(--serif);font-size:1.5rem}.report-meta{font-size:.76rem;opacity:.82;margin-top:.3rem;line-height:1.6}.report-id{font-family:var(--mono);font-size:.76rem;background:rgba(255,255,255,.15);padding:3px 9px;border-radius:5px}.disclaimer{background:#FFFDE7;border:1px solid #FFC107;border-radius:var(--radius-sm);padding:9px 13px;font-size:.72rem;color:#795548;margin-top:1.1rem;line-height:1.5}.trial-tag{background:#E8EAF6;color:var(--navy);border-radius:5px;padding:2px 8px;font-size:.69rem;font-family:var(--mono);font-weight:600}.divider{border:none;border-top:1.5px solid var(--border);margin:1.1rem 0}.info-pill{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;padding:2px 9px;border-radius:20px;font-weight:600;letter-spacing:.04em}.pill-rose{background:var(--rose-light);color:var(--rose-deep)}.pill-teal{background:var(--teal-light);color:var(--teal)}.pill-navy{background:#E8EAF6;color:var(--navy)}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem}.page-actions-right{display:flex;gap:.75rem}.alert-error{background:#FFEBEE;border:1px solid #EF9A9A;border-radius:var(--radius-sm);padding:10px 14px;font-size:.82rem;color:#c62828;margin-bottom:1rem;display:flex;align-items:flex-start;gap:8px}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.grid-3,.summary-grid,.gene-grid{grid-template-columns:1fr 1fr}.topbar-badge{display:none}}@media print{.topbar,.stepper,.btn,.page-actions{display:none!important}}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:#fff!important}.top-bar,.stepper-row,#ob21-report-top-actions,#ob21-report-actions{display:none!important}.page-container{padding:0!important;max-width:100%!important}#ob21-report-root{box-shadow:none!important;border-radius:0!important}[style*=background]{-webkit-print-color-adjust:exact!important}.card,section,div[style*=marginBottom]{page-break-inside:avoid}@page{size:A4;margin:1cm}}