:root{--bg:#f5f8f4;--surface:#fff;--green:#2e7d32;--green2:#5cae59;--deep:#174b22;--pale:#eaf4e8;--text:#172019;--muted:#6e7b70;--border:#dde7dd;--shadow:0 18px 50px rgba(24,70,29,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#fbfcfb;border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;z-index:20;transition:.25s}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:24px;margin:4px 6px 23px}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center}.brand-mark svg{width:25px;height:25px}.search-box{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:11px 12px}.search-box svg{width:17px}.search-box input{border:0;outline:0;background:transparent;width:100%}.menu{display:flex;flex-direction:column;gap:6px;margin-top:15px}.menu-item{display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;padding:12px 13px;border-radius:13px;font-weight:650;color:#2b342c}.menu-item svg{width:19px}.menu-item:hover,.menu-item.active{background:#e4efe3;color:var(--deep)}.sidebar-bottom{margin-top:auto}.mini-card{background:linear-gradient(145deg,#e7f4e4,#f9fbf8);border:1px solid var(--border);padding:18px;border-radius:18px;text-align:center}.mini-card .mini-icon{width:36px;height:36px;color:var(--green);margin-bottom:8px}.mini-card p{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:0}.main{margin-left:260px;min-height:100vh}.topbar{height:68px;padding:0 28px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:15}.sidebar-toggle{display:none;border:0;background:var(--pale);border-radius:10px;padding:8px 10px}.topbar-title{display:flex;flex-direction:column}.topbar-title small{font-size:11px;color:var(--muted)}.topbar-title strong{font-size:16px}.profile-btn{margin-left:auto;border:1px solid var(--border);background:#fff;padding:9px 13px;border-radius:12px;display:flex;align-items:center;gap:7px}.page-section{display:none;padding:28px;max-width:1500px;margin:auto}.active-section{display:block}.hero{min-height:430px;border-radius:28px;background:radial-gradient(circle at 84% 24%,rgba(130,205,85,.27),transparent 28%),linear-gradient(135deg,#edf7eb,#f8fbf6 70%);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:54px 62px;overflow:hidden;border:1px solid var(--border)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.6px;color:var(--green)}.hero h1,.page-heading h1{font-size:44px;line-height:1.09;margin:12px 0 16px}.hero p,.page-heading p{color:var(--muted);max-width:770px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:26px}.primary-btn,.ghost-btn{padding:13px 18px;border-radius:13px;font-weight:750}.primary-btn{background:var(--green);border:1px solid var(--green);color:#fff}.ghost-btn{background:#fff;border:1px solid var(--border);color:var(--deep)}.hero-visual{height:300px;position:relative;display:grid;place-items:center}.hero-dna{width:130px;height:130px;color:var(--green);stroke-width:1.4;filter:drop-shadow(0 18px 24px rgba(34,96,37,.16));animation:float 4s ease-in-out infinite}.orbit{position:absolute;width:70px;height:70px;border-radius:22px;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;color:var(--green)}.orbit svg{width:31px;height:31px}.o1{left:10%;top:6%}.o2{right:8%;top:30%}.o3{left:20%;bottom:1%}@keyframes float{50%{transform:translateY(-11px) rotate(2deg)}}.section-title{font-size:22px;margin:34px 0 16px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 6px 20px rgba(36,80,38,.05);transition:.2s;cursor:pointer}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-icon{width:56px;height:56px;background:var(--pale);display:grid;place-items:center;border-radius:16px;color:var(--green)}.feature-icon svg{width:28px;height:28px}.feature-card p{color:var(--muted);font-size:14px;line-height:1.55;min-height:64px}.feature-card span{color:var(--green);font-weight:750;font-size:13px}.topic-row{display:flex;gap:10px;flex-wrap:wrap}.topic-row span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:13px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.page-heading h1{font-size:38px;margin-bottom:10px}.page-search{width:290px;border:1px solid var(--border);background:#fff;border-radius:13px;padding:12px 14px;outline:0}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21px}.book-card{background:#fff;border:1px solid var(--border);border-radius:19px;padding:13px;cursor:pointer;transition:.2s;overflow:hidden}.book-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.real-cover{display:block;width:100%;height:360px;object-fit:cover;object-position:center top;border-radius:13px;background:#eef4ec}.book-info{padding:13px 4px 5px}.grade{display:inline-block;background:var(--pale);color:var(--deep);font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px}.book-card h3{margin:10px 0 6px;font-size:18px}.book-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;min-height:58px}.read-btn{margin-top:13px;width:100%;border:0;background:var(--green);color:white;border-radius:11px;padding:10px;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:750}.read-btn svg{width:17px}.ai-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.ai-info,.chat-card{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 8px 30px rgba(25,76,33,.06)}.ai-info{padding:28px}.ai-info h2{font-size:30px}.ai-info p{color:var(--muted);line-height:1.65}.ai-badge{display:inline-flex;gap:8px;align-items:center;background:var(--pale);color:var(--deep);font-weight:800;padding:9px 12px;border-radius:11px}.prompt-chip{margin-top:10px;padding:12px 14px;background:#f6faf5;border:1px solid var(--border);border-radius:12px;cursor:pointer;font-size:14px}.chat-card{min-height:520px;display:flex;flex-direction:column;overflow:hidden}.chat-head{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.ai-avatar{width:42px;height:42px;background:var(--pale);display:grid;place-items:center;border-radius:13px;color:var(--green)}.chat-head div:nth-child(2){display:flex;flex-direction:column}.chat-head small{color:var(--muted);font-size:11px}.status{margin-left:auto;color:var(--green);font-size:12px}.chat-body{padding:20px;flex:1;overflow:auto;background:linear-gradient(#fbfdfb,#f5faf4)}.message{max-width:75%;padding:12px 14px;border-radius:15px;margin-bottom:12px;line-height:1.5;font-size:14px}.message.bot{background:#fff;border:1px solid var(--border);border-top-left-radius:5px}.message.user{background:var(--green);color:#fff;margin-left:auto;border-top-right-radius:5px}.chat-input{display:flex;gap:10px;padding:14px;border-top:1px solid var(--border);background:#fff}.chat-input input{flex:1;border:1px solid var(--border);border-radius:12px;padding:12px;outline:0}.chat-input button{border:0;background:var(--green);color:#fff;border-radius:12px;padding:0 18px;font-weight:750}.term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.term-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px}.term-card b{font-size:18px;color:var(--deep)}.term-card p{color:var(--muted);line-height:1.55;font-size:14px}.notice{background:#edf7eb;border:1px solid #cfe3cd;color:#335b37;border-radius:14px;padding:14px 16px;margin-bottom:18px}.disease-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.disease-card{display:flex;gap:14px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px}.disease-icon{width:58px;height:58px;background:var(--pale);display:grid;place-items:center;border-radius:16px;flex:0 0 auto;color:var(--green)}.disease-icon svg{width:29px;height:29px}.tag{display:inline-block;background:var(--pale);color:var(--deep);padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.disease-card h3{margin:8px 0 6px}.disease-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.reader{position:fixed;inset:0;background:#101712;z-index:100;display:none;color:#fff}.reader.open{display:block}.reader-shell{height:100%;display:flex;flex-direction:column}.reader-topbar{height:72px;background:#172019;border-bottom:1px solid #334037;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;gap:16px}.reader-book-meta{display:flex;align-items:center;gap:12px;min-width:0}.reader-book-meta img{width:40px;height:52px;object-fit:cover;border-radius:5px}.reader-book-meta div{display:flex;flex-direction:column;min-width:0}.reader-book-meta small{font-size:10px;color:#aab5ac}.reader-book-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.reader-actions{display:flex;align-items:center;gap:7px}.icon-btn{height:38px;min-width:38px;padding:0 10px;border:1px solid #465049;background:#222c25;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.icon-btn svg{width:18px}.text-btn{font-size:12px}.close-btn{background:#3a2525;border-color:#5c3939}.reader-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:auto;padding:24px 90px;background:radial-gradient(circle at center,#2b352e 0,#141b16 72%)}.book-shadow{perspective:1800px;display:flex;align-items:center;justify-content:center;min-width:max-content}.page-wrap{position:relative;transform-style:preserve-3d;transform-origin:left center;transition:transform .42s cubic-bezier(.2,.7,.2,1),scale .2s;box-shadow:0 18px 55px rgba(0,0,0,.48);background:white;border-radius:3px;overflow:hidden}.page-wrap img{display:block;max-height:calc(100vh - 170px);max-width:min(72vw,950px);width:auto;height:auto;user-select:none;-webkit-user-drag:none;background:white}.page-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 7%,transparent 94%,rgba(0,0,0,.08));mix-blend-mode:multiply}.page-wrap.flip-next{transform:rotateY(-18deg) translateX(-20px)}.page-wrap.flip-prev{transform:rotateY(18deg) translateX(20px)}.page-nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;border:1px solid #445149;background:#202b23;color:#fff;display:grid;place-items:center;z-index:3}.page-nav:hover{background:var(--green)}.page-nav svg{width:25px;height:25px}.page-nav.prev{left:22px}.page-nav.next{right:22px}.reader-bottom{height:62px;background:#172019;border-top:1px solid #334037;display:flex;align-items:center;justify-content:center;gap:20px;padding:10px}.reader-bottom button{border:1px solid #465049;background:#222c25;color:#fff;border-radius:9px;padding:8px 12px}.page-counter{display:flex;align-items:center;gap:7px;color:#c9d0ca;font-size:13px}.page-counter input{width:68px;background:#0f1511;color:white;border:1px solid #445149;border-radius:8px;padding:8px;text-align:center}.reader:fullscreen .reader-stage{padding-top:18px}.reader:fullscreen .page-wrap img{max-height:calc(100vh - 150px)}
@media(max-width:1100px){.feature-grid,.book-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;padding:38px}.hero-visual{display:none}.term-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.sidebar{transform:translateX(-100%);box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.sidebar-toggle{display:block}.page-section{padding:18px}.hero{padding:28px 22px;min-height:380px}.hero h1,.page-heading h1{font-size:34px}.page-heading{align-items:stretch;flex-direction:column}.page-search{width:100%}.ai-layout,.disease-grid{grid-template-columns:1fr}.reader-topbar{height:auto;min-height:68px}.reader-book-meta strong{max-width:230px}.text-btn{display:none}.reader-stage{padding:16px 54px}.page-nav{width:42px;height:42px}.page-nav.prev{left:6px}.page-nav.next{right:6px}.page-wrap img{max-width:82vw;max-height:calc(100vh - 180px)}}@media(max-width:520px){.feature-grid,.book-grid,.term-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.real-cover{height:auto;max-height:520px;object-fit:contain}.profile-btn{font-size:12px;padding:8px}.topbar{padding:0 14px}.reader-actions #zoomLabel{display:none}.reader-actions .icon-btn{padding:0 8px}.reader-book-meta small{display:none}.reader-book-meta strong{max-width:145px;font-size:12px}.reader-bottom{gap:8px}.reader-bottom button{font-size:11px}.reader-stage{padding-left:45px;padding-right:45px}}

/* Gemini AI holatlari */
.message.typing{opacity:.7;font-style:italic}
.message.error{border-color:#efb0b0;background:#fff2f2;color:#8b1e1e}
.chat-input button:disabled,.chat-input input:disabled{opacity:.6;cursor:not-allowed}

/* ===== Expanded Avicenna additions ===== */
.menu-item span{width:22px;display:inline-flex;justify-content:center}.menu-item i{font-size:17px}.more-toggle{position:relative}.more-chevron{margin-left:auto;font-size:12px!important;transition:.2s}.more-toggle.expanded .more-chevron{transform:rotate(90deg)}.more-menu{display:none;margin:2px 0 6px 34px;border-left:1px solid var(--border);padding-left:9px}.more-menu.open{display:flex;flex-direction:column;gap:4px}.more-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:#333;background:transparent;border:0;border-radius:10px;padding:10px 10px;text-align:left;font-size:13px;width:100%}.more-item:hover,.more-item.active{background:var(--pale);color:var(--deep)}.more-item i{width:18px;text-align:center;color:var(--green)}
.feature-icon i{font-size:27px}.book-filter-row{display:flex;gap:9px;flex-wrap:wrap;margin:-5px 0 20px}.book-filter{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 13px;color:var(--muted);font-size:13px}.book-filter.active,.book-filter:hover{background:var(--green);color:#fff;border-color:var(--green)}.book-card .real-cover{aspect-ratio:3/4;object-fit:cover;height:auto;max-height:370px}.read-btn i{font-size:14px}

/* PDF canvas reader */
.page-wrap canvas{display:block;background:#fff;max-width:none;border-radius:3px}.reader-loading{position:absolute;inset:0;display:grid;place-items:center;background:rgba(16,23,18,.7);color:#fff;font-weight:700;text-align:center;padding:20px}.reader-loading a{font-weight:800}.page-wrap{min-width:200px;min-height:260px}.page-wrap img{display:none}.reader-stage{overflow:auto}

/* Quiz */
.quiz-shell{max-width:900px;margin:0 auto}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.quiz-top>div:first-child{flex:1}.quiz-top span{font-size:13px;color:var(--muted);font-weight:700}.progress-track{height:9px;background:#e6eee5;border-radius:999px;margin-top:8px;overflow:hidden}.progress-bar{height:100%;width:2.5%;background:var(--green);border-radius:999px;transition:.3s}.score-chip{background:#fff;border:1px solid var(--border);border-radius:999px;padding:10px 14px;white-space:nowrap;color:var(--deep)}.score-chip i{color:#e2a614}.quiz-card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:30px;box-shadow:0 12px 35px rgba(24,70,29,.07);position:relative}.quiz-number{width:42px;height:42px;background:var(--pale);color:var(--green);border-radius:13px;display:grid;place-items:center;font-weight:800}.quiz-card h2{font-size:24px;line-height:1.45;margin:18px 0}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-option{border:1px solid var(--border);background:#fbfdfb;border-radius:14px;padding:14px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:600;color:var(--text);transition:.15s}.quiz-option span{width:30px;height:30px;border-radius:9px;background:var(--pale);display:grid;place-items:center;color:var(--green);font-weight:800}.quiz-option:hover:not(:disabled){border-color:var(--green);transform:translateY(-1px)}.quiz-option.correct{background:#eaf7ea;border-color:#65aa68;color:#205d25}.quiz-option.wrong{background:#fff0f0;border-color:#de7a7a;color:#8c2323}.quiz-feedback{min-height:26px;margin-top:16px;font-weight:750}.quiz-feedback.good{color:#23752d}.quiz-feedback.bad{color:#a52828}.quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.quiz-actions button:disabled{opacity:.45;cursor:not-allowed}.quiz-result{text-align:center;padding:30px 10px}.quiz-result>i{font-size:58px;color:#d5a414}.quiz-result h2{font-size:30px}.result-percent{font-size:54px;font-weight:800;color:var(--green);margin:14px 0 24px}

/* Word game */
.game-name-card,.word-game-card{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:24px;padding:34px;box-shadow:0 12px 35px rgba(24,70,29,.08);text-align:center}.game-logo{width:72px;height:72px;background:var(--pale);color:var(--green);border-radius:22px;display:grid;place-items:center;margin:0 auto 12px;font-size:32px}.game-name-card h2{font-size:29px;margin:10px 0}.game-name-card p{color:var(--muted)}.name-row{display:flex;gap:10px;max-width:470px;margin:22px auto 0}.name-row input{flex:1;border:1px solid var(--border);border-radius:13px;padding:13px 14px;outline:none}.name-row input:focus{border-color:var(--green)}.hidden{display:none!important}.game-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted)}.word-badge{font-size:42px;letter-spacing:4px;font-weight:800;color:var(--deep);margin:34px auto 8px;background:linear-gradient(145deg,#edf7eb,#f8fbf6);border:1px solid #d9e8d8;border-radius:18px;padding:22px}.word-prompt{color:var(--muted);font-weight:600}.game-options{display:grid;gap:10px;margin-top:20px}.game-option{border:1px solid var(--border);background:#fff;border-radius:13px;padding:14px;font-weight:650;text-align:left}.game-option:hover:not(:disabled){border-color:var(--green);background:#f6fbf5}.game-option.correct{background:#eaf7ea;border-color:#65aa68;color:#205d25}.game-option.wrong{background:#fff0f0;border-color:#de7a7a;color:#8c2323}.game-feedback{min-height:28px;margin:16px 0;font-weight:800}.good-text{color:#23752d}.bad-text{color:#a52828}.game-next{margin-left:auto}

/* About */
.about-hero{display:flex;gap:20px;align-items:center;background:linear-gradient(145deg,#e9f5e7,#fff);border:1px solid var(--border);border-radius:22px;padding:28px;margin-bottom:20px}.about-icon{width:76px;height:76px;border-radius:22px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:34px;flex:0 0 auto}.about-hero h2{margin:0 0 8px;font-size:27px}.about-hero p{margin:0;color:var(--muted);line-height:1.65}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.team-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:24px;text-align:center}.team-avatar{width:62px;height:62px;border-radius:18px;background:var(--pale);color:var(--green);display:grid;place-items:center;font-size:25px;margin:0 auto 14px}.team-card h3{margin:0 0 5px}.team-card span{font-size:12px;color:var(--green);font-weight:800}.team-card p{font-size:14px;color:var(--muted);line-height:1.55;margin-bottom:0}

@media(max-width:900px){.quiz-options{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.quiz-card{padding:20px}.quiz-card h2{font-size:20px}.quiz-top{align-items:flex-start;flex-direction:column}.quiz-actions{flex-direction:column}.name-row{flex-direction:column}.word-badge{font-size:31px}.about-hero{align-items:flex-start}.team-grid{grid-template-columns:1fr}.more-menu{margin-left:25px}.book-card .real-cover{max-height:520px;object-fit:contain}}

/* ===== Requested additions without changing the original layout ===== */
html[data-theme="dark"]{--bg:#0d1510;--surface:#152019;--green:#75c46f;--green2:#8bd183;--deep:#b7e8b2;--pale:#213225;--text:#edf6ee;--muted:#a8b4aa;--border:#304235;--shadow:0 18px 50px rgba(0,0,0,.35)}
html[data-theme="dark"] body,html[data-theme="dark"] .main{background:var(--bg);color:var(--text)}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .book-card,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .ai-info,html[data-theme="dark"] .chat-card,html[data-theme="dark"] .term-card,html[data-theme="dark"] .disease-card,html[data-theme="dark"] .quiz-card,html[data-theme="dark"] .game-name-card,html[data-theme="dark"] .word-game-card,html[data-theme="dark"] .about-hero,html[data-theme="dark"] .about-person,html[data-theme="dark"] .puzzle-layout{background:#152019;color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .search-box,html[data-theme="dark"] .page-search,html[data-theme="dark"] .chat-input input,html[data-theme="dark"] .login-name{background:#101a14;color:var(--text);border-color:var(--border)}
html[data-theme="dark"] .chat-body{background:#101a14}
html[data-theme="dark"] .mini-card{background:linear-gradient(145deg,#1b2a1f,#111a14)!important}

/* sidebar alignment fix */
.menu-item,.more-toggle,.more-item{justify-content:flex-start!important;text-align:left!important;width:100%;min-height:46px;display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap}
.menu-item>span:first-child{width:24px!important;min-width:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-right:0!important}
.menu-label{flex:0 0 auto!important;width:auto!important;text-align:left!important;margin-left:0!important}
.more-toggle .more-chevron{margin-left:auto!important}.more-toggle .more-label{margin-right:0!important}

/* language + theme controls */
.side-controls{border-top:1px solid var(--border);margin-top:12px;padding:10px 0 0}.control-row{display:flex;align-items:center;gap:10px;padding:9px 10px;font-size:13px;position:relative}.control-row>i{width:18px;text-align:center}.lang-dropdown{position:relative;margin-left:auto;width:142px}.lang-selected{width:100%;border:1px solid #cfe0d0;background:#fff;border-radius:12px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;color:#172019;font-size:13px;font-weight:650;box-shadow:0 2px 8px rgba(30,80,35,.04);transition:.2s}.lang-selected:hover{border-color:#2f7d32;box-shadow:0 0 0 3px rgba(47,125,50,.09)}.lang-selected i{font-size:10px;color:#2f7d32;transition:.2s}.lang-dropdown.open .lang-selected i{transform:rotate(180deg)}.lang-menu{display:none;position:absolute;top:calc(100% + 7px);right:0;width:100%;padding:6px;background:#fff;border:1px solid #d8e5d9;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.13);z-index:999}.lang-dropdown.open .lang-menu{display:block}.lang-menu button{width:100%;border:0;background:transparent;padding:9px 10px;border-radius:8px;text-align:left;font-size:13px;color:#172019;transition:.15s}.lang-menu button:hover{background:#eaf4e8;color:#1f6425}.lang-menu button.active{background:#2f7d32;color:#fff}html[data-theme="dark"] .lang-selected,html[data-theme="dark"] .lang-menu{background:#152019;border-color:#304235;color:#edf6ee}html[data-theme="dark"] .lang-menu button{color:#edf6ee}html[data-theme="dark"] .lang-menu button:hover{background:#213225}
.switch{margin-left:auto;position:relative;width:40px;height:23px}.switch input{display:none}.slider{position:absolute;inset:0;background:#dfe5df;border-radius:99px;transition:.2s}.slider:after{content:"";position:absolute;width:17px;height:17px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}.switch input:checked+.slider{background:var(--green)}.switch input:checked+.slider:after{transform:translateX(17px)}

/* real cover images */
.real-cover{object-fit:contain!important;background:#f5f5ef!important;padding:6px}.book-card{cursor:pointer}

/* terms + diseases */
.term-card,.disease-card{cursor:pointer;transition:.2s}.term-card:hover,.disease-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.term-card img{width:100%;height:135px;object-fit:contain;background:#f7faf6;border-radius:12px;margin-bottom:10px}.disease-grid{grid-template-columns:repeat(3,1fr)}.disease-card{display:block}.disease-card .disease-icon{margin-bottom:8px}
.info-modal{display:none;position:fixed;inset:0;background:rgba(6,16,9,.68);z-index:150;padding:25px;overflow:auto}.info-modal.open{display:grid;place-items:center}.info-modal-card{position:relative;width:min(900px,100%);max-height:90vh;overflow:auto;background:var(--surface,#fff);color:var(--text,#172019);border-radius:22px;padding:25px;border:1px solid var(--border);box-shadow:0 20px 70px rgba(0,0,0,.25)}.info-modal-close{position:absolute;right:15px;top:14px;border:0;width:38px;height:38px;border-radius:10px;background:var(--pale);color:var(--text)}.detail-hero{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:center}.detail-hero img{width:100%;height:210px;object-fit:contain;border-radius:15px;background:#f6faf5}.detail-body{line-height:1.75}.detail-body h3{color:var(--green);margin:22px 0 7px}.medical-warning{background:#fff2ef;border:1px solid #f2c2b9;color:#9c2f22;border-radius:13px;padding:14px;margin-top:18px}html[data-theme="dark"] .medical-warning{background:#311e1b;color:#ffb2a8;border-color:#70423c}

/* login */
.login-card{text-align:center;max-width:500px}.login-logo{width:90px;height:90px;object-fit:contain}.login-name{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:12px;margin:10px 0 16px}.google-button-wrap{display:flex;justify-content:center;min-height:44px}.login-note{color:var(--muted);font-size:12px}.profile-btn img{width:25px;height:25px;border-radius:50%;object-fit:cover}.hidden{display:none!important}

/* puzzle */
.puzzle-addon{margin-top:28px}.puzzle-layout{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px}.puzzle-grid{width:360px;height:360px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px;background:#1d4e24;padding:3px;border-radius:15px}.puzzle-tile{border:0;border-radius:5px;background-image:url('assets/puzzle/biology.svg');background-size:300% 300%;background-repeat:no-repeat}.puzzle-tile.blank{background-image:none;background-color:var(--pale)}.puzzle-panel p{color:var(--muted);line-height:1.6}

/* about */
.team-group-title{font-size:18px;margin:26px 0 10px}.about-person{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:17px}.about-person img{width:92px;height:92px;object-fit:cover;border-radius:16px;background:var(--pale)}.about-person span{color:var(--green);font-size:12px;font-weight:800}.about-person h3{margin:5px 0}.about-person p{margin:0;color:var(--muted);font-size:13px}.about-person a{color:var(--deep);text-decoration:none}

@media(max-width:1000px){.disease-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.detail-hero,.puzzle-layout{grid-template-columns:1fr}.puzzle-grid{width:min(360px,90vw);height:min(360px,90vw);margin:auto}.disease-grid{grid-template-columns:1fr}.about-person{align-items:flex-start}.lang-dropdown{width:130px}}
/* ===== SINO AI CHAT BALANDLIGINI FIX QILISH ===== */

.chat-card {
  height: 620px;
  min-height: 620px;
  max-height: 620px;

  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.chat-head {
  flex: 0 0 auto;
}

.chat-body {
  flex: 1 1 auto;
  min-height: 0;

  overflow-y: auto;
  overflow-x: hidden;

  padding: 20px;

  scroll-behavior: smooth;
}

.chat-input {
  flex: 0 0 auto;
}

/* Scrollbarni chiroyli qilish */
.chat-body::-webkit-scrollbar {
  width: 7px;
}

.chat-body::-webkit-scrollbar-track {
  background: transparent;
}

.chat-body::-webkit-scrollbar-thumb {
  background: #b8d3b9;
  border-radius: 10px;
}

.chat-body::-webkit-scrollbar-thumb:hover {
  background: #2f7d32;
}

/* Katta javoblar kartani kengaytirib yubormasin */
.message {
  max-width: 80%;
  word-wrap: break-word;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.clear-chat-btn {
  width: 38px;
  height: 38px;
  border: 1px solid #dbe8dc;
  background: #f4faf4;
  color: #2f7d32;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s;
}

.clear-chat-btn:hover {
  background: #2f7d32;
  color: white;
}


/* =========================================================
   2026-09 requested UI upgrades — existing site preserved
   ========================================================= */

/* Profile dropdown */
.profile-wrap{position:relative;margin-left:auto}
.profile-wrap .profile-btn{margin-left:0}
.profile-menu{
  position:absolute;right:0;top:calc(100% + 10px);width:285px;
  background:var(--surface,#fff);border:1px solid var(--border);
  border-radius:18px;box-shadow:0 18px 55px rgba(20,55,24,.18);
  padding:10px;display:none;z-index:80
}
.profile-wrap.open .profile-menu{display:block;animation:profileDrop .16s ease-out}
@keyframes profileDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.profile-menu-user{display:flex;gap:12px;align-items:center;padding:10px;border-bottom:1px solid var(--border)}
.profile-menu-avatar{width:42px;height:42px;border-radius:13px;background:var(--pale);color:var(--green);display:grid;place-items:center}
.profile-menu-user>div:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}
.profile-menu-user strong,.profile-menu-user small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-menu-user small{font-size:11px;color:var(--muted)}
.profile-menu-action{width:100%;margin-top:7px;border:0;background:transparent;color:#b42318;padding:11px 12px;border-radius:11px;display:flex;gap:10px;align-items:center;font-weight:700}
.profile-menu-action:hover{background:#fff0ee}
html[data-theme="dark"] .profile-menu-action:hover{background:#321c1c}

/* Login modal */
.login-card{width:min(560px,100%);padding:30px 34px 26px!important;text-align:left!important}
.login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 18px}
.login-brand>div:last-child{display:flex;flex-direction:column}.login-brand span{font-weight:900;letter-spacing:2px;color:var(--deep)}.login-brand small{color:var(--muted);font-size:11px}
.login-logo-ring{width:74px;height:74px;border:1px solid #cfe3cd;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f6fbf5,#e8f4e6);box-shadow:inset 0 0 0 6px rgba(46,125,50,.05)}
.login-card .login-logo{width:62px;height:62px;margin:0}
.login-card h2{text-align:center;font-size:28px;margin:8px 0 8px}
.login-subtitle{text-align:center;color:var(--muted);line-height:1.55;margin:0 auto 19px;max-width:440px}
.login-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 20px}
.login-benefits>div{background:var(--pale);border:1px solid var(--border);border-radius:13px;padding:11px 9px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--deep);line-height:1.35}
.login-benefits i{font-size:18px;color:var(--green)}
.login-field-label{display:block;font-size:12px;font-weight:800;margin:0 0 7px;color:var(--deep)}
.login-field{height:48px;border:1px solid var(--border);border-radius:13px;display:flex;align-items:center;padding:0 13px;background:var(--surface,#fff);transition:.2s}
.login-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(47,125,50,.1)}
.login-field i{color:var(--green);margin-right:9px}
.login-field .login-name{border:0!important;outline:0!important;background:transparent!important;padding:0!important;margin:0!important;box-shadow:none!important}
.login-divider{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;margin:17px 0}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--border)}
.google-button-wrap{min-height:44px}
.login-privacy{text-align:center;color:var(--muted);font-size:11px;margin:15px 0 0}.login-privacy i{color:var(--green);margin-right:4px}

/* Research workspace + persistent chats */
#research .ai-layout{grid-template-columns:250px minmax(300px,.72fr) minmax(430px,1.35fr);align-items:stretch}
.chat-history-panel{background:var(--surface,#fff);border:1px solid var(--border);border-radius:22px;padding:13px;min-height:520px;box-shadow:0 8px 30px rgba(25,76,33,.06);display:flex;flex-direction:column}
.new-chat-btn{border:0;background:var(--green);color:white;border-radius:12px;padding:11px 13px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}
.chat-history-title{display:flex;align-items:center;justify-content:space-between;margin:17px 5px 9px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.chat-history-title small{background:var(--pale);color:var(--deep);border-radius:999px;padding:3px 7px}
.chat-history-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0;max-height:430px;padding-right:2px}
.chat-history-item{display:flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:11px;padding:6px 7px;transition:.15s}
.chat-history-item:hover{background:var(--pale)}
.chat-history-item.active{background:var(--pale);border-color:#cfe3cd}
.chat-history-open{flex:1;min-width:0;border:0;background:transparent;color:var(--text);text-align:left;padding:4px;display:flex;flex-direction:column;gap:2px}
.chat-history-open strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-history-open small{font-size:9px;color:var(--muted)}
.chat-history-delete{width:29px;height:29px;flex:0 0 auto;border:0;background:transparent;color:var(--muted);border-radius:8px}.chat-history-delete:hover{background:#fff0ee;color:#b42318}
.chat-empty{text-align:center;color:var(--muted);font-size:12px;padding:35px 10px;line-height:1.55}
.chat-head-actions{display:flex;gap:5px;margin-left:6px}.chat-icon-btn{width:34px;height:34px;border:1px solid var(--border);background:var(--surface,#fff);color:var(--muted);border-radius:9px}.chat-icon-btn:hover{color:var(--green);background:var(--pale)}.chat-icon-btn.danger:hover{color:#b42318;background:#fff0ee}
#research .chat-card{height:620px;min-height:620px;max-height:620px}
#research .chat-body{min-height:0;overflow-y:auto;overflow-x:hidden}
#research .chat-head{flex:0 0 auto}
#research .chat-input{flex:0 0 auto}
.chat-body::-webkit-scrollbar,.chat-history-list::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-thumb,.chat-history-list::-webkit-scrollbar-thumb{background:#bfd4bf;border-radius:20px}

/* One advanced biology game */
.bioquest-shell{max-width:980px;margin:0 auto}
.bioquest-start,.bioquest-game,.bioquest-result{background:var(--surface,#fff);border:1px solid var(--border);border-radius:26px;box-shadow:0 18px 55px rgba(25,76,33,.09)}
.bioquest-start{padding:38px;text-align:center}
.bioquest-emblem{width:78px;height:78px;border-radius:24px;margin:auto;background:linear-gradient(145deg,#dff0dc,#f2f9f0);display:grid;place-items:center;color:var(--green);font-size:35px;box-shadow:inset 0 0 0 1px #cfe3cd}
.bioquest-kicker{display:inline-block;color:var(--green);font-size:11px;font-weight:900;letter-spacing:1.7px;margin-top:18px}
.bioquest-start h2{font-size:30px;margin:10px 0}.bioquest-start>p{color:var(--muted);max-width:700px;margin:0 auto;line-height:1.65}
.bioquest-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px;margin:25px auto}.bioquest-rules>div{background:var(--pale);border:1px solid var(--border);border-radius:15px;padding:13px;display:flex;align-items:center;justify-content:center;gap:7px}.bioquest-rules i{color:var(--green)}.bioquest-rules span{font-size:11px;color:var(--muted)}
.bioquest-name-row{display:flex;gap:10px;max-width:600px;margin:0 auto}.bioquest-name-row input{flex:1;border:1px solid var(--border);border-radius:13px;padding:12px 14px;background:var(--surface,#fff);color:var(--text)}
.bioquest-game{overflow:hidden}.bioquest-topbar{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border);background:var(--surface,#fff)}
.bioquest-player{display:flex;align-items:center;gap:7px;margin-right:auto}.bioquest-player i{color:var(--green)}
.bioquest-stat{background:var(--pale);border-radius:10px;padding:7px 10px;display:flex;gap:6px;align-items:center}.bioquest-stat span{font-size:10px;color:var(--muted)}.bioquest-stat b{color:var(--deep)}
.bioquest-lives{display:flex;gap:3px;color:#d4473d}.bioquest-lives .lost{opacity:.18}
.bioquest-timer{min-width:58px;border:1px solid var(--border);border-radius:10px;padding:7px 9px;display:flex;justify-content:center;gap:5px}.bioquest-timer.warning{color:#c4382b;border-color:#e7a6a0;animation:pulseTimer .7s infinite alternate}
@keyframes pulseTimer{to{transform:scale(1.04)}}
.bioquest-progress{height:7px;background:var(--pale)}.bioquest-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),#72bd65);transition:.3s}
.bioquest-mission-card{padding:30px 34px}.bioquest-topic{display:inline-flex;background:var(--pale);color:var(--deep);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}
.bioquest-scenario{margin:16px 0 9px;padding:14px;border-left:4px solid var(--green);background:#f7faf6;color:var(--muted);border-radius:0 12px 12px 0;line-height:1.55;font-size:13px}
html[data-theme="dark"] .bioquest-scenario{background:#111a14}
.bioquest-mission-card h2{font-size:23px;line-height:1.35}
.bioquest-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.bioquest-option{border:1px solid var(--border);background:var(--surface,#fff);color:var(--text);padding:13px 14px;border-radius:13px;text-align:left;display:flex;gap:10px;align-items:flex-start;transition:.15s}
.bioquest-option span{width:25px;height:25px;border-radius:8px;background:var(--pale);display:grid;place-items:center;flex:0 0 auto;font-weight:900;color:var(--deep)}
.bioquest-option:hover:not(:disabled){border-color:var(--green);transform:translateY(-1px)}
.bioquest-option.correct{background:#eaf7e8;border-color:#65a860;color:#245c28}.bioquest-option.wrong{background:#fff0ee;border-color:#d77970;color:#9d2e24}
.bioquest-explanation{min-height:0;margin-top:14px;padding:0;border-radius:12px;color:var(--muted);font-size:13px;line-height:1.55}.bioquest-explanation.show{padding:12px 14px;background:var(--pale);border:1px solid var(--border)}
.bioquest-bottom{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-top:1px solid var(--border)}.bioquest-streak{color:var(--muted)}.bioquest-streak i{color:#e67d21}
.bioquest-result{text-align:center;padding:40px}.bioquest-result-icon{width:85px;height:85px;border-radius:50%;background:#fff3ce;color:#bf8a00;display:grid;place-items:center;font-size:38px;margin:auto}.bioquest-result h2{font-size:30px}.bioquest-result>p{color:var(--muted)}
.bioquest-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:650px;margin:22px auto}.bioquest-result-stats>div{background:var(--pale);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:5px}.bioquest-result-stats span{font-size:11px;color:var(--muted)}.bioquest-result-stats b{font-size:24px;color:var(--deep)}

@media(max-width:1320px){#research .ai-layout{grid-template-columns:220px minmax(280px,.7fr) minmax(410px,1.3fr)}}
@media(max-width:1080px){#research .ai-layout{grid-template-columns:220px 1fr}.ai-info{display:none}.chat-history-panel{min-height:620px}}
@media(max-width:800px){#research .ai-layout{grid-template-columns:1fr}.chat-history-panel{min-height:auto;max-height:250px}.chat-history-list{max-height:150px}.login-benefits{grid-template-columns:1fr}.bioquest-options{grid-template-columns:1fr}.bioquest-rules{grid-template-columns:1fr}.bioquest-name-row{flex-direction:column}.bioquest-topbar{flex-wrap:wrap}.bioquest-result-stats{grid-template-columns:1fr}}

/* =========================================================
   AVICENNA 2026 REQUESTED FEATURES — appended, existing styles preserved
   ========================================================= */
.google-only-note{display:flex;align-items:center;gap:9px;background:var(--pale);border:1px solid var(--border);border-radius:13px;padding:12px 14px;color:var(--deep);font-size:13px;line-height:1.45}.google-only-note i{color:var(--green);font-size:17px;flex:0 0 auto}
.menu-item[data-section="anatomy3d"],.menu-item[data-section="laboratory"]{margin-top:2px}
.anatomy-toolbar,.lab-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.anatomy-layer{min-width:120px}.anatomy-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.65fr);gap:18px}.anatomy-stage-card,.anatomy-info,.lab-panel,.lab-bench{background:var(--surface,#fff);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.anatomy-stage-card{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(92,174,89,.11),transparent 42%),var(--surface,#fff)}.anatomy-stage{height:620px;min-height:500px}.anatomy-stage canvas{display:block;width:100%;height:100%;outline:0}.anatomy-hint{position:absolute;left:16px;bottom:13px;background:rgba(255,255,255,.86);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:11px}.anatomy-info{padding:24px;align-self:stretch}.anatomy-info-icon{width:54px;height:54px;border-radius:17px;background:var(--pale);color:var(--green);display:grid;place-items:center;font-size:22px;margin-bottom:16px}.anatomy-info>span{color:var(--green);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.anatomy-info h2{margin:8px 0 10px}.anatomy-info p{color:var(--muted);line-height:1.65;font-size:13px}.anatomy-parts{display:grid;gap:8px;margin-top:17px}.anatomy-part{border:1px solid var(--border);background:var(--pale);border-radius:11px;padding:9px 11px;font-size:12px;font-weight:750;color:var(--deep)}.anatomy-part small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.lab-tabs{margin-bottom:18px}.lab-tab{border:1px solid var(--border);background:var(--surface,#fff);color:var(--text);padding:11px 14px;border-radius:12px;font-weight:800}.lab-tab.active{background:var(--green);color:#fff;border-color:var(--green)}.lab-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.lab-panel,.lab-bench{padding:24px}.lab-kicker{font-size:11px;font-weight:900;letter-spacing:1.4px;color:var(--green)}.lab-panel h2{margin:8px 0}.lab-panel>p{color:var(--muted);line-height:1.6}.chemical-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0}.chemical-btn{border:1px solid var(--border);background:var(--pale);border-radius:13px;padding:12px;text-align:left;color:var(--text);transition:.15s}.chemical-btn.active{border-color:var(--green);box-shadow:0 0 0 3px rgba(46,125,50,.12);transform:translateY(-1px)}.chemical-btn b{display:block}.chemical-btn small{display:block;color:var(--muted);margin-top:4px}.lab-actions{display:flex;gap:9px}.lab-bench{min-height:390px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 30%,rgba(92,174,89,.12),transparent 48%),var(--surface,#fff)}.lab-glass-shelf{width:min(310px,75%);height:230px;display:grid;place-items:end center;border-bottom:8px solid #b8c6b8;perspective:600px}.lab-glass-card{width:145px;height:180px;border:3px solid rgba(125,150,130,.65);border-top:0;border-radius:12px 12px 45px 45px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(220,240,225,.1),rgba(255,255,255,.4));box-shadow:inset 10px 0 15px rgba(255,255,255,.25),0 18px 35px rgba(35,75,40,.1)}.lab-liquid{position:absolute;left:0;right:0;bottom:0;height:52%;background:linear-gradient(180deg,rgba(103,175,220,.8),rgba(60,125,195,.9));transition:.4s}.lab-liquid.acid{background:linear-gradient(180deg,rgba(250,170,180,.85),rgba(205,73,91,.9))}.lab-liquid.base{background:linear-gradient(180deg,rgba(126,211,140,.8),rgba(42,139,73,.9))}.lab-liquid.precip{background:linear-gradient(180deg,rgba(244,244,238,.95),rgba(184,187,172,.95))}.lab-liquid.metal{background:linear-gradient(180deg,rgba(180,206,216,.9),rgba(92,126,139,.9))}.lab-bubbles{position:absolute;inset:30% 20% 15%;pointer-events:none}.lab-bubbles:before,.lab-bubbles:after{content:"";position:absolute;width:9px;height:9px;border:2px solid rgba(255,255,255,.75);border-radius:50%;animation:bubble 2.2s infinite ease-in}.lab-bubbles:after{left:60%;top:20%;animation-delay:.7s}.lab-bubbles:before{left:30%;top:50%}@keyframes bubble{from{transform:translateY(35px);opacity:.1}50%{opacity:1}to{transform:translateY(-35px);opacity:0}}.lab-result{width:min(520px,100%);margin-top:24px;border:1px solid var(--border);background:var(--pale);border-radius:15px;padding:13px 15px;display:flex;gap:11px;align-items:flex-start}.lab-result>i{color:var(--green);font-size:19px;margin-top:2px}.lab-result p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.lab-safety{display:flex;gap:10px;margin-top:16px;background:#fff8e8;border:1px solid #f0dfb2;color:#6c5a2a;border-radius:14px;padding:13px 15px;font-size:12px;line-height:1.55}.lab-safety i{margin-top:2px}.site-footer{margin-left:260px;background:#122018;color:#dce9de;padding:38px 28px 18px;border-top:1px solid #29402f}.footer-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.6fr 1fr 1fr .8fr;gap:28px}.footer-brand{display:flex;gap:13px;align-items:flex-start}.footer-brand .brand-mark{flex:0 0 auto}.footer-brand strong{font-size:22px}.footer-brand p{color:#9fb2a2;line-height:1.6;font-size:12px;max-width:380px}.site-footer h3{font-size:14px;margin:3px 0 12px;color:#fff}.social-links,.store-links{display:grid;gap:8px}.social-links a{color:#cfe2d1;text-decoration:none;font-size:13px}.social-links a:hover{color:#8bd183}.social-links i{width:20px}.store-placeholder{display:flex;align-items:center;gap:9px;border:1px dashed #536857;border-radius:11px;padding:10px 11px;color:#cfe2d1;font-size:12px}.store-placeholder i{font-size:19px}.qr-placeholder{width:120px;height:120px;border:1px dashed #617864;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#b8c9ba;text-align:center}.qr-placeholder i{font-size:42px}.qr-placeholder small{font-size:9px;line-height:1.35;padding:0 8px}.footer-bottom{max-width:1500px;margin:28px auto 0;padding-top:15px;border-top:1px solid #29402f;display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;color:#8fa391;font-size:11px}.author-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.person-photo-placeholder{width:92px;height:92px;border-radius:16px;background:var(--pale);border:1px dashed #a5b8a7;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);flex:0 0 auto}.person-photo-placeholder i{font-size:24px}.person-photo-placeholder small{font-size:8px;margin-top:5px;text-align:center;color:var(--muted)}
html[data-theme="dark"] .anatomy-hint{background:rgba(21,32,25,.88);color:var(--muted)}html[data-theme="dark"] .lab-safety{background:#2b2517;border-color:#62552e;color:#e2d7a4}html[data-theme="dark"] .site-footer{background:#09110c}html[data-theme="dark"] .lab-glass-shelf{border-color:#506054}
@media(max-width:1050px){.anatomy-layout,.lab-layout{grid-template-columns:1fr}.anatomy-stage{height:540px}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{margin-left:0}.main+.site-footer{margin-left:260px}}
@media(max-width:760px){.anatomy-toolbar{display:grid;grid-template-columns:1fr 1fr}.anatomy-stage{height:470px;min-height:400px}.chemical-grid,.author-grid,.footer-grid{grid-template-columns:1fr}.site-footer{margin-left:0;padding:28px 18px}.footer-bottom{flex-direction:column;gap:7px}.lab-glass-shelf{width:250px}.anatomy-hint{left:8px;right:8px;text-align:center;border-radius:12px}}

/* Real Sketchfab anatomy models */
.anatomy-sketchfab-stage{position:relative;min-height:620px;background:#101712!important}
.anatomy-embed{position:absolute;inset:0;display:none;width:100%;height:100%}
.anatomy-embed.active{display:block}
.anatomy-embed iframe{display:block;width:100%;height:100%;min-height:620px;border:0}
.eye-model-card{height:100%;min-height:620px;display:flex;align-items:center;justify-content:center;gap:40px;padding:35px;background:radial-gradient(circle at 50% 45%,rgba(92,174,89,.16),transparent 42%),#f7faf6}
.eye-visual{width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 42% 42%,#ffffff 0 17%,#8ccbb0 18% 34%,#306e5a 35% 43%,#eef7f2 44% 100%);box-shadow:inset -28px -18px 35px rgba(0,0,0,.18),0 25px 55px rgba(0,0,0,.18);position:relative}
.eye-globe{position:absolute;inset:0;border-radius:50%;border:5px solid rgba(255,255,255,.72)}
.eye-iris{position:absolute;width:105px;height:105px;border-radius:50%;left:78px;top:78px;border:18px solid #4b8e73;box-shadow:inset 0 0 18px rgba(0,0,0,.35)}
.eye-pupil{position:absolute;width:48px;height:48px;border-radius:50%;background:#101515;left:106px;top:106px;box-shadow:0 0 10px rgba(0,0,0,.5)}
.eye-labels{max-width:330px;display:grid;gap:10px;color:#17331e}.eye-labels b{font-size:24px}.eye-labels span{color:#66766a;line-height:1.65}
@media(max-width:760px){.anatomy-sketchfab-stage,.anatomy-embed iframe{min-height:470px}.eye-model-card{min-height:470px;flex-direction:column;gap:20px}.eye-visual{width:190px;height:190px}.eye-iris{width:78px;height:78px;left:56px;top:56px;border-width:13px}.eye-pupil{width:36px;height:36px;left:77px;top:77px}.eye-labels{text-align:center}.eye-labels b{font-size:19px}}
/* Avicenna laboratory module */
.lab-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.lab-tabs .selected{background:#2d823e;color:white}.lab-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:18px}.lab-panel{padding:22px;border:1px solid #d8e5d8;border-radius:20px;background:var(--card-bg,#fff);color:var(--text,#1b2920)}.lab-scene{min-height:215px;border-radius:16px;background:linear-gradient(135deg,#e7f7ec,#f5f9fb);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;color:#183b27}.lab-pulse{font-size:74px;animation:labbeat 1.5s ease-in-out infinite}.lab-bar{width:70%;height:12px;border-radius:10px;background:#d5e5da;overflow:hidden}.lab-bar div{height:100%;background:#2b9249;transition:width .25s}.lab-slider{display:flex;flex-direction:column;gap:8px;margin:16px 0}.lab-slider input{accent-color:#2c873e;width:100%}.lab-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.lab-actions button,#labGrade,#labSave,.organ-choice{padding:10px 13px;border:1px solid #c8dccb;border-radius:10px;background:#f4faf5;color:#17482b;cursor:pointer}.lab-question{padding:9px 0;border-bottom:1px solid #e1e9e2}.lab-question label{display:block;margin:6px 0}.lab-question p{font-weight:650}#organList{display:flex;gap:6px;flex-wrap:wrap;max-height:240px;overflow:auto;margin:12px 0}#organSearch{width:100%;padding:12px;border:1px solid #c8dccb;border-radius:10px}.anatomy-stage{min-height:540px}.anatomy-layer.active{background:#27863d;color:#fff}@keyframes labbeat{50%{transform:scale(1.12)}}@media(max-width:850px){.lab-grid{grid-template-columns:1fr}.anatomy-stage{min-height:390px}}

/* 10-bosqichli test tugmalari */
.quiz-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 22px}.stage-button{border:1px solid #bddcc2;background:#fff;border-radius:12px;padding:14px 8px;color:#17612c;font-weight:700;cursor:pointer}.stage-button.selected{background:#287f36;color:white}.stage-button:disabled{opacity:.45;cursor:not-allowed;background:#e5e9e5;color:#526154}@media(max-width:700px){.quiz-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
