*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--page-bg:radial-gradient(circle at top left, #ffffff9e, transparent 24%), radial-gradient(circle at top right, #ffd1b757, transparent 20%), linear-gradient(180deg, #dff5ff 0%, #c9e9ff 38%, #b4dcff 100%);--surface-soft:#f5fbffeb;--surface-strong:#ffffffd1;--primary:#0f5c99;--primary-strong:#083b66;--accent:#2eb872;--text:#243447;--muted:#5f7286;--border:#d7e6f2;--shadow:0 20px 45px #083b661f;--overview-accent:#2eb872;--organs-accent:#ff8a5b;--process-accent:#4d7cff;--diseases-accent:#d9586c;--health-accent:#16a085}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:var(--page-bg);background-attachment:fixed;font-family:Poppins,sans-serif;font-size:16px;line-height:1.7;position:relative}body:before{content:"";opacity:.9;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='cellMesh' width='200' height='200' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 50 Q60 10, 110 50 T210 50' fill='none' stroke='%232a6f97' stroke-width='1' opacity='0.06'/%3E%3Cpath d='M0 120 Q80 80, 160 120 T320 120' fill='none' stroke='%232a6f97' stroke-width='1' opacity='0.05'/%3E%3Cpath d='M20 180 Q100 140, 180 180' fill='none' stroke='%232a6f97' stroke-width='1' opacity='0.04'/%3E%3Ccircle cx='60' cy='50' r='2' fill='%232a6f97' opacity='0.07'/%3E%3Ccircle cx='140' cy='120' r='2' fill='%232a6f97' opacity='0.06'/%3E%3Ccircle cx='100' cy='180' r='2' fill='%232a6f97' opacity='0.05'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23cellMesh)'/%3E%3C/svg%3E");background-size:280px 280px;position:fixed;inset:0}body>*{z-index:1;position:relative}[x-cloak]{display:none!important}strong{color:var(--primary-strong);font-weight:700}h1,h2,h3{color:var(--primary-strong)}h1{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.1}h2{margin-bottom:14px;font-size:1.7rem}h3{margin-bottom:12px;font-size:1.1rem}h4{color:var(--primary-strong);font-size:1rem}@keyframes floatOrb{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(10px)scale(1.06)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #4d7cff1f}50%{box-shadow:0 0 0 10px #4d7cff0a}}@keyframes chipDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes sheenSweep{0%{transform:translate(-140%)skew(-18deg)}to{transform:translate(240%)skew(-18deg)}}p+p{margin-top:14px}ul{padding-left:20px;list-style:outside}li+li{margin-top:10px}li::marker{color:var(--primary)}.page-header{background:linear-gradient(135deg,#fffffffa,#f3fbffe6),#fffffff5;border:1px solid #ffffffeb;border-radius:32px;max-width:1200px;margin:24px auto 0;padding:34px;position:relative;overflow:hidden;box-shadow:0 26px 55px #083b6624}.title-badge{background:linear-gradient(135deg,#fffffff0,#e4f5ffdb);border-radius:24px;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:16px;display:inline-flex;box-shadow:0 18px 34px #083b661f}.title-badge img{object-fit:contain;filter:invert(26%)sepia(36%)saturate(1125%)hue-rotate(166deg)brightness(92%)contrast(94%);opacity:.92;width:54px;height:54px}.page-header:before,.page-header:after{content:"";opacity:.45;pointer-events:none;border-radius:999px;position:absolute}.page-header:before{background:radial-gradient(circle,#4d7cff57,#0000 70%);width:180px;height:180px;animation:8s ease-in-out infinite floatOrb;top:-36px;right:-40px}.page-header:after{background:radial-gradient(circle,#2eb87247,#0000 70%);width:160px;height:160px;animation:9s ease-in-out infinite reverse floatOrb;bottom:-46px;left:-28px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#248a58;background:#2eb8721a;border-radius:999px;margin-bottom:8px;padding:6px 10px;font-size:.8rem;font-weight:700;display:inline-block}.page-intro{color:#4e6478;max-width:760px;margin-top:12px;font-size:1.04rem}.header-highlights{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.header-highlights span{color:var(--primary-strong);background:#ffffffd1;border:1px solid #d0e3f1f2;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:.9rem;font-weight:600;animation:6.8s ease-in-out infinite chipDrift;display:inline-flex;box-shadow:0 10px 22px #083b660f}.header-highlights span:before{content:"";background:linear-gradient(135deg, var(--accent), #69dba2);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #2eb87224}.header-highlights span:nth-child(2){animation-delay:.8s}.header-highlights span:nth-child(3){animation-delay:1.6s}.layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px;max-width:1200px;margin:24px auto;padding:0 0 32px;display:grid}.sidebar,.content-section{border:1px solid var(--border);background:var(--surface-strong);box-shadow:var(--shadow);border-radius:24px}.sidebar{background:radial-gradient(circle at 100% 0,#4d7cff24,#0000 26%),linear-gradient(#fffffff7,#ecf7ffeb);border:1px solid #d6e7f3f2;height:fit-content;padding:22px;position:sticky;top:24px;box-shadow:0 24px 40px #083b661a,inset 0 1px #ffffffb3}.sidebar ul{margin-top:18px;padding-left:0;list-style:none}.sidebar li+li{margin-top:10px}.sidebar button{width:100%;color:var(--primary-strong);font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#fffffff0,#f5fbffe0);border:1px solid #bdd9ecbf;border-radius:18px;padding:14px 16px 14px 42px;font-size:1.05rem;font-weight:600;transition:transform .2s,background-color .2s,color .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 12px 22px #083b660f}.sidebar button:before{content:"";z-index:1;background:linear-gradient(135deg,#73b8e5,#2eb872);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:16px;transform:translateY(-50%);box-shadow:0 0 0 5px #4d7cff1a}.sidebar button:after{content:"";opacity:0;background:linear-gradient(135deg,#4d7cff14,#0000 42%);transition:opacity .2s;position:absolute;inset:0}.sidebar button.active:before{z-index:2;background:#fff;box-shadow:0 0 0 5px #ffffff29}.sidebar button.active:before,.figure-focus{animation:3.6s ease-in-out infinite glowPulse}.sidebar button.active{isolation:isolate;color:#fff;background:linear-gradient(135deg,#0f5c99,#2c79b8 55%,#52a7d8);border-color:#0000;box-shadow:0 18px 34px #0f5c9938}.sidebar button.active:after{z-index:0;opacity:1;mix-blend-mode:screen;background:linear-gradient(120deg,#0000 0%,#ffffff38 45%,#0000 100%);animation:2.8s ease-in-out infinite sheenSweep}.sidebar button:hover,.sidebar button:focus-visible{background:#fff;border-color:#8dc1e0;outline:none;transform:translateY(-1px);box-shadow:0 16px 28px #083b661c}.sidebar button:hover:after,.sidebar button:focus-visible:after{opacity:1}main{min-width:0}.content-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:28px}.overview-section{border-top:6px solid var(--overview-accent);background:radial-gradient(circle at 0 0,#2eb87217,#0000 22%),radial-gradient(circle at 100% 100%,#85e1b12e,#0000 26%),#ffffffd6}.organs-section{border-top:6px solid var(--organs-accent);background:radial-gradient(circle at 100% 0,#ff8a5b1f,#0000 24%),radial-gradient(circle at 0 100%,#ffd5b85c,#0000 28%),#ffffffd9}.process-section{border-top:6px solid var(--process-accent);background:radial-gradient(circle at 100% 0,#4d7cff1f,#0000 25%),radial-gradient(circle at 0 100%,#b0cdff47,#0000 30%),#ffffffd9}.diseases-section{border-top:6px solid var(--diseases-accent);background:radial-gradient(circle at 100% 0,#d9586c1a,#0000 24%),radial-gradient(circle at 0 100%,#ffd9df80,#0000 30%),#ffffffdb}.health-section{border-top:6px solid var(--health-accent);background:radial-gradient(circle at 0 0,#16a0851c,#0000 23%),radial-gradient(circle at 100% 100%,#aeebdf47,#0000 28%),#ffffffd9}.section-card{background:linear-gradient(#fffffff0,#f4fbffe0);border:1px solid #d2e6f3e6;border-radius:22px;margin-top:24px;padding:22px;transition:transform .28s,box-shadow .28s,border-color .28s;position:relative;overflow:hidden;box-shadow:0 16px 32px #083b6612}.section-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#4d7cff14,#0000 72%);width:140px;height:140px;position:absolute;inset:0 auto auto 0}.section-card:hover{transform:translateY(-3px);box-shadow:0 22px 38px #083b661a}.section-card>:last-child{margin-bottom:0}.hero-visual{background:radial-gradient(circle at 0 0,#2eb87233,#0000 35%),radial-gradient(circle at 100% 100%,#7ee7ae2e,#0000 28%),linear-gradient(135deg,#fffffffa,#e4f4ffe0);grid-template-columns:minmax(0,1.1fr) minmax(280px,360px);align-items:center;gap:22px;display:grid}.hero-copy p{color:var(--muted)}.overview-pulse-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.overview-pulse-card{background:linear-gradient(#fffffff7,#edf7ffeb);border:1px solid #d2e6f3f2;border-radius:18px;padding:14px 16px;box-shadow:0 12px 22px #083b660f}.pulse-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:.82rem;font-weight:700;display:block}.lung-model{--breath-scale:1;--air-progress:.4;--mini-glow:.75;--mini-rise:0px;background:radial-gradient(circle at 50% 16%,#ffffffeb,#0000 26%),radial-gradient(circle at 50% 78%,#2eb87229,#0000 30%),linear-gradient(#f5fbff 0%,#d8eeff 100%);border:1px solid #d6e8f4e6;border-radius:24px;min-height:380px;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8c}.lung-model:before,.lung-model:after{content:"";pointer-events:none;transition:opacity .32s,transform .42s;position:absolute}.lung-model:before{width:180px;height:180px;transform:translateX(-50%) scale(calc(.92 + (var(--mini-glow) * .12)));opacity:calc(.35 + (var(--mini-glow) * .35));background:radial-gradient(circle,#4d7cff24,#0000 70%);border-radius:50%;top:58px;left:50%}.lung-model:after{width:220px;height:34px;transform:translateX(-50%) scaleX(calc(.92 + (var(--mini-glow) * .12)));opacity:.55;background:radial-gradient(circle,#083b661f,#0000 70%);border-radius:50%;bottom:24px;left:50%}.hero-visual-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.mini-respiratory-figure{background:linear-gradient(#ffffffbd,#ebf6ffeb);border:1px solid #d2e6f3f2;border-radius:20px;place-items:center;width:100%;min-height:290px;margin-top:14px;padding:12px;display:grid;position:relative;overflow:hidden}.mini-respiratory-figure:before{content:"";height:110px;opacity:calc(.4 + (var(--mini-glow) * .3));background:radial-gradient(circle,#ffffffd1,#0000 72%);border-radius:999px;animation:6.8s ease-in-out infinite floatOrb;position:absolute;inset:18px 36px auto}.mini-respiratory-svg{width:100%;max-width:320px;height:auto;max-height:290px;transform:translateY(var(--mini-rise));filter:drop-shadow(0 18px 28px #083b661f);transition:transform .42s,filter .32s}.hero-figure-caption{color:var(--muted);background:#ffffffc7;border-radius:14px;margin-top:12px;padding:12px 14px;font-size:.94rem}.organ-explorer{grid-template-columns:minmax(0,1.05fr) minmax(320px,420px);align-items:center;gap:22px;display:grid}.organ-chip-group{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.organ-chip{color:var(--primary-strong);font:inherit;cursor:pointer;background:#fff;border:1px solid #c4dced;border-radius:999px;padding:10px 14px;font-weight:600;transition:background-color .25s,color .25s,transform .25s,box-shadow .25s,border-color .25s}.organ-chip:hover,.organ-chip:focus-visible{border-color:#ff8a5b80;transform:translateY(-1px);box-shadow:0 10px 18px #ff8a5b1f}.organ-chip.selected{color:#fff;background:linear-gradient(135deg,#ff8a5b,#ffab86);border-color:#0000;box-shadow:0 14px 22px #ff8a5b33}.organ-detail-card{background:radial-gradient(circle at 100% 0,#ff8a5b1f,#0000 26%),#fff;border:1px solid #ecc4abe6;border-radius:18px;margin-top:18px;padding:18px;box-shadow:0 14px 24px #81421e12}.organ-fact{color:var(--muted);margin-top:10px}.organ-figure-shell{background:radial-gradient(circle at 100% 0,#ff8a5b2e,#0000 24%),radial-gradient(circle at 0 100%,#ffddc957,#0000 28%),linear-gradient(#fffffffa,#ecf8ffeb);border:1px solid #d7e6f2;border-radius:24px;padding:18px;box-shadow:0 18px 30px #083b6614}.organ-figure-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.figure-tag,.figure-focus{border-radius:999px;align-items:center;padding:7px 12px;font-size:.86rem;font-weight:700;transition:transform .25s,box-shadow .25s,background-color .25s;display:inline-flex}.figure-tag{color:#b24a1d;background:#ff8a5b24}.figure-focus{color:var(--primary-strong);background:#4d7cff1f}.respiratory-figure{background:linear-gradient(#fbfeff 0%,#e9f4fb 100%);border-radius:20px;width:100%;min-height:520px}.figure-caption{color:var(--muted);background:#ffffffd1;border-radius:14px;margin-top:12px;padding:12px 14px;font-size:.95rem}.simulator-card{background:radial-gradient(circle at 100% 0,#4d7cff33,#0000 24%),radial-gradient(circle at 0 100%,#92b4ff33,#0000 26%),linear-gradient(#fffffffa,#e9f3fff2);border-color:#c2d6f4f2}.simulator-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.simulator-header p{color:var(--muted)}.sim-toggle{background:linear-gradient(135deg, var(--primary), #2f7cba);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:12px 18px;font-weight:700;transition:transform .22s,box-shadow .22s,filter .22s;box-shadow:0 14px 24px #0f5c992e}.sim-toggle:hover,.sim-toggle:focus-visible,.primary-quiz-action:hover,.primary-quiz-action:focus-visible{filter:saturate(1.04);transform:translateY(-1px);box-shadow:0 18px 28px #0f5c9938}.control-label{color:var(--primary-strong);justify-content:space-between;gap:14px;margin-top:18px;font-weight:700;display:flex}input[type=range]{width:100%;accent-color:var(--primary);margin-top:10px}.sim-stage{grid-template-columns:220px minmax(0,1fr);align-items:center;gap:22px;margin-top:22px;display:grid}.breath-ring{--breath-scale:1;width:190px;height:190px;transform:scale(var(--breath-scale));background:radial-gradient(circle,#2eb8722e 0%,#0f5c9929 58%,#0f5c9908 100%);border-radius:50%;place-items:center;margin:0 auto;transition:transform .5s;display:grid}.breath-ring-inner{width:122px;height:122px;color:var(--primary-strong);background:#fff;border-radius:50%;place-items:center;font-size:1.1rem;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #d4e4f0}.sim-readout{gap:10px;display:grid}.sim-readout p{background:#ffffffd6;border:1px solid #d5e7f3;border-radius:14px;padding:12px 14px}.highlight-grid,.risk-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.highlight-card,.risk-card,.journey-step{background:linear-gradient(#fffffffa,#f6fcffeb);border:1px solid #d1e2ef;border-radius:20px;height:100%;padding:18px;transition:transform .24s,box-shadow .24s,border-color .24s;box-shadow:0 12px 24px #083b660f}.highlight-card:hover,.risk-card:hover,.journey-step:hover,.disease-card:hover,.warning-card:hover,.faq-item:hover,.term-item:hover{transform:translateY(-4px);box-shadow:0 18px 30px #083b661a}.overview-section .highlight-card{background:radial-gradient(circle at 100% 0,#2eb87224,#0000 26%),linear-gradient(#fffffffc,#f5fff9ed);border-color:#b1e5c5f2}.organs-section .risk-card{background:radial-gradient(circle at 100% 0,#ff8a5b24,#0000 28%),linear-gradient(#fffffffc,#fff8f3f0);border-color:#f0d1bcf2}.process-section .journey-step{background:radial-gradient(circle at 100% 0,#4d7cff24,#0000 28%),linear-gradient(#fffffffc,#f5f9fff0);border-color:#c8d8faf2}.health-section .risk-card{background:radial-gradient(circle at 100% 0,#16a08524,#0000 28%),linear-gradient(#fffffffc,#f2fefbf0);border-color:#bfe8e0f2}.highlight-number{color:var(--overview-accent);margin-bottom:10px;font-size:1.4rem;font-weight:700;display:inline-block}.journey-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.journey-step span{background:var(--process-accent);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:12px;font-weight:700;display:inline-grid;box-shadow:0 10px 18px #4d7cff2e}.journey-step h4{margin-bottom:8px}.quiz-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.quiz-header p{color:var(--muted)}.quiz-shell{margin-top:18px}.quiz-progress-row{color:var(--primary-strong);justify-content:space-between;gap:14px;margin-bottom:10px;font-weight:700;display:flex}.quiz-progress-bar{background:#bfdcee80;border-radius:999px;height:12px;overflow:hidden}.quiz-progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--process-accent), #79b7ff);height:100%;transition:width .25s;display:block}.quiz-item{background:#ffffffe0;border:1px solid #d5e6f1;border-radius:18px;padding:16px}.quiz-item p{font-weight:700}.proper-quiz{background:linear-gradient(#fffffffa,#f2f9ffe6);margin-top:18px;padding:20px}.quiz-question-text{color:var(--primary-strong);font-size:1.12rem}.quiz-options{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.quiz-options.stacked{display:grid}.quiz-options button,.ghost-button{color:var(--primary-strong);font:inherit;cursor:pointer;background:linear-gradient(#fff,#f6fbff);border:1px solid #c8dcea;border-radius:12px;padding:10px 14px;font-weight:600;transition:transform .2s,border-color .2s,background-color .2s}.quiz-option-button{text-align:left}.quiz-options button:hover,.quiz-options button:focus-visible,.ghost-button:hover,.ghost-button:focus-visible{border-color:#8dc1e0;transform:translateY(-1px)}.quiz-options button.selected{background:linear-gradient(135deg,#dff1ff,#cde7ff);border-color:#6aa8d2}.quiz-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.quiz-submit-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.ghost-button{background:linear-gradient(#fffffff7,#f1f9fff0)}.primary-quiz-action{background:linear-gradient(135deg, var(--process-accent), #7d52ff);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:12px 18px;font-weight:700;transition:transform .22s,box-shadow .22s,filter .22s;box-shadow:0 14px 24px #4d7cff38}.primary-quiz-action:disabled,.ghost-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.quiz-hint{color:var(--muted);font-size:.94rem}.quiz-result-panel{margin-top:22px}.quiz-score-banner{background:linear-gradient(135deg,#4d7cff1f,#2eb87224);border:1px solid #cfe0ef;border-radius:18px;padding:18px 20px}.quiz-review-list{gap:14px;margin-top:18px;display:grid}.quiz-review-card{background:#fff;border:1px solid #d6e7f2;border-radius:18px;padding:18px}.quiz-review-card.correct{background:linear-gradient(#effbf5f0,#fffffffa);border-color:#2eb87273}.quiz-review-card.incorrect{background:linear-gradient(#fff3f5f2,#fffffffa);border-color:#d9586c59}.faq-list{gap:12px;display:grid}.faq-item{background:#fff;border:1px solid #d7e6f2;border-radius:16px;padding:14px 16px;transition:transform .22s,box-shadow .22s,border-color .22s}.faq-item summary{cursor:pointer;color:var(--primary-strong);font-weight:700}.faq-item p{color:var(--muted);margin-top:10px}.disease-grid,.warning-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.disease-card,.warning-card{background:linear-gradient(#fffffffc,#f7fcffeb);border:1px solid #d2e4f0;border-radius:22px;height:100%;padding:20px;transition:transform .24s,box-shadow .24s,border-color .24s;box-shadow:0 14px 28px #083b6612}.disease-card h4,.warning-card h4{margin-bottom:8px}.disease-card p,.warning-card p{color:#5d6a79}.disease-card ul{margin-top:12px}.disease-card.asthma{background:radial-gradient(circle at 100% 0,#68aad629,#0000 28%),linear-gradient(#fff 0%,#edf7ff 100%);border-color:#7badd373}.disease-card.bronchitis{background:radial-gradient(circle at 100% 0,#ffa45e24,#0000 28%),linear-gradient(#fff 0%,#fff5ec 100%);border-color:#f3b3787a}.disease-card.pneumonia{background:radial-gradient(circle at 100% 0,#d9586c2e,#0000 28%),linear-gradient(#fff 0%,#fff1f3 100%);border-color:#d9586c5c}.disease-card h4{align-items:center;gap:10px;display:flex}.disease-card h4:before{content:"";border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 6px #d9586c14}.disease-card.asthma h4:before{background:#68aad6}.disease-card.bronchitis h4:before{background:#f19a55}.disease-card.pneumonia h4:before{background:#d9586c}.disease-tabs{flex-wrap:wrap;gap:10px;display:flex}.disease-tab{color:var(--primary-strong);font:inherit;cursor:pointer;background:linear-gradient(#fff,#fff7f8);border:1px solid #e3c8cf;border-radius:999px;padding:10px 14px;font-weight:700;transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s}.disease-tab:hover,.disease-tab:focus-visible{border-color:#d9586c5c;transform:translateY(-1px);box-shadow:0 10px 20px #d9586c1a}.disease-tab.selected{background:linear-gradient(135deg, var(--diseases-accent), #ef7c8d);color:#fff;border-color:#0000;box-shadow:0 14px 24px #d9586c38}.disease-detail-panel{background:radial-gradient(circle at 100% 0,#d9586c17,#0000 24%),#fffffff2;border:1px solid #e1c3cae6;border-radius:20px;margin-top:18px;padding:20px;box-shadow:0 18px 30px #71263514}.disease-detail-panel>p{color:var(--muted)}.disease-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.disease-detail-grid article{background:linear-gradient(#fffffffc,#fff7f9eb);border:1px solid #e1ccd3eb;border-radius:16px;min-height:100%;padding:16px}.disease-detail-grid ul{margin-top:12px}.comparison-table{gap:10px;display:grid}.comparison-row{background:#fff;border:1px solid #e5d7dc;border-radius:16px;grid-template-columns:1fr 1.4fr 1.3fr;gap:14px;padding:14px 16px;display:grid}.comparison-head{color:#8d2744;background:linear-gradient(135deg,#ffe7eb,#fff4f6);font-weight:700}.warning-card{background:radial-gradient(circle at 100% 0,#d9586c1f,#0000 28%),linear-gradient(#fffffffc,#fff7f9f0);border-color:#e1c6cef0}.terms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.term-item{cursor:help;background:radial-gradient(circle at 100% 0,#2eb8721f,#0000 28%),linear-gradient(#fffffffa,#f7fcffeb);border:1px solid #cfe3f1;border-radius:18px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 10px 20px #083b660d}.term-item:hover,.term-item:focus-within{border-color:#78bf99;transform:translateY(-2px);box-shadow:0 12px 24px #0f5c9914}.term-item:focus-visible{outline-offset:2px;outline:3px solid #2eb87259}.term-item p{color:var(--muted);margin-top:8px}.tooltip-term{color:var(--organs-accent);cursor:help;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1.5px}.tooltip-term:focus-visible{outline-offset:3px;outline:2px solid #2eb87259}.tippy-box[data-theme~=respiratory]{color:#fff;background:#083b66;border-radius:12px;font-size:.9rem;line-height:1.45;box-shadow:0 16px 30px #083b6638}.tippy-box[data-theme~=respiratory] .tippy-content{padding:10px 12px}.tippy-box[data-theme~=respiratory][data-placement^=top]>.tippy-arrow:before{border-top-color:#083b66}.tippy-box[data-theme~=respiratory][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#083b66}.tippy-box[data-theme~=respiratory][data-placement^=left]>.tippy-arrow:before{border-left-color:#083b66}.tippy-box[data-theme~=respiratory][data-placement^=right]>.tippy-arrow:before{border-right-color:#083b66}@media (width<=900px){.page-header,.layout{margin-left:16px;margin-right:16px}.layout{grid-template-columns:1fr}.sidebar{position:static}.terms-grid,.highlight-grid,.disease-grid,.risk-grid,.journey-grid,.warning-list,.disease-detail-grid,.comparison-row,.hero-visual,.organ-explorer,.sim-stage,.overview-pulse-row{grid-template-columns:1fr}.organ-figure-toolbar{flex-direction:column;align-items:flex-start}.respiratory-figure{min-height:420px}}@media (width<=600px){.page-header,.sidebar,.content-section{border-radius:20px;padding:20px}}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{color:#fff;white-space:normal;background-color:#333;border-radius:4px;outline:0;font-size:14px;line-height:1.4;transition-property:transform,visibility,opacity;position:relative}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-width:8px 8px 0;border-top-color:initial;transform-origin:top;bottom:-7px;left:0}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-width:0 8px 8px;border-bottom-color:initial;transform-origin:bottom;top:-7px;left:0}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;transform-origin:0;right:-7px}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:100%;left:-7px}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;width:16px;height:16px}.tippy-arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.tippy-content{z-index:1;padding:5px 9px;position:relative}.tippy-box[data-animation=shift-away][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top]{transform:translateY(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom]{transform:translateY(-10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left]{transform:translate(10px)}.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right]{transform:translate(-10px)}