@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Tajawal:wght@400;500;700;800&family=Fira+Code:wght@400;600&display=swap";:root{--font-main: "Tajawal", sans-serif;--font-heading: "Cairo", sans-serif;--font-mono: "Fira Code", monospace;--sidebar-width: 290px;--header-height: 72px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 30px -10px rgba(0, 0, 0, .5);--accent-emerald: #10b981;--accent-cyan: #06b6d4;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-amber: #f59e0b;--accent-rose: #f43f5e}[data-unit=unit1]{--bg-primary: #070e1c;--bg-secondary: #0c162a;--bg-card: rgba(12, 22, 42, .78);--bg-card-hover: rgba(22, 38, 70, .85);--border-color: rgba(30, 58, 102, .6);--border-glow: rgba(16, 185, 129, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-unit: #10b981;--accent-unit-secondary: #06b6d4;--gradient-dna: linear-gradient(135deg, #10b981 0%, #06b6d4 50%, #3b82f6 100%);--gradient-card: linear-gradient(180deg, rgba(20, 35, 65, .5) 0%, rgba(10, 18, 35, .85) 100%);--shadow-glow: 0 0 25px rgba(16, 185, 129, .25)}[data-unit=unit2]{--bg-primary: #0e081c;--bg-secondary: #170d2f;--bg-card: rgba(23, 13, 47, .8);--bg-card-hover: rgba(39, 23, 78, .88);--border-color: rgba(76, 42, 133, .6);--border-glow: rgba(139, 92, 246, .45);--text-primary: #fdf4ff;--text-secondary: #c084fc;--text-muted: #9333ea;--accent-unit: #8b5cf6;--accent-unit-secondary: #ec4899;--gradient-dna: linear-gradient(135deg, #8b5cf6 0%, #ec4899 50%, #f59e0b 100%);--gradient-card: linear-gradient(180deg, rgba(38, 20, 75, .55) 0%, rgba(16, 8, 32, .88) 100%);--shadow-glow: 0 0 28px rgba(139, 92, 246, .3)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--border-color: #cbd5e1;--border-glow: rgba(15, 23, 42, .15);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--accent-emerald: #059669;--accent-cyan: #0284c7;--accent-blue: #2563eb;--accent-purple: #7c3aed;--accent-amber: #d97706;--accent-rose: #e11d48;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05)}[data-theme=light][data-unit=unit1]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f0fdf4;--border-color: #cbd5e1;--border-glow: rgba(5, 150, 105, .4);--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #475569;--accent-unit: #059669;--accent-unit-secondary: #0284c7;--gradient-dna: linear-gradient(135deg, #059669 0%, #0284c7 50%, #2563eb 100%);--gradient-card: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);--shadow-glow: 0 4px 20px rgba(5, 150, 105, .18)}[data-theme=light][data-unit=unit2]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #faf5ff;--border-color: #cbd5e1;--border-glow: rgba(124, 58, 237, .4);--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #475569;--accent-unit: #7c3aed;--accent-unit-secondary: #db2777;--gradient-dna: linear-gradient(135deg, #7c3aed 0%, #db2777 50%, #d97706 100%);--gradient-card: linear-gradient(180deg, #ffffff 0%, #faf5ff 100%);--shadow-glow: 0 4px 20px rgba(124, 58, 237, .18)}*{margin:0;padding:0;box-sizing:border-box}html{direction:rtl;scroll-behavior:smooth;font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary)}body{overflow-x:hidden;min-height:100vh;line-height:1.7;transition:background .4s ease,color .3s ease}[data-unit=unit1] body{background:radial-gradient(circle at 12% 18%,rgba(16,185,129,.08) 0%,transparent 40%),radial-gradient(circle at 88% 70%,rgba(6,182,212,.07) 0%,transparent 50%),radial-gradient(circle at 50% 90%,rgba(59,130,246,.05) 0%,transparent 45%),var(--bg-primary);background-attachment:fixed}[data-unit=unit2] body{background:radial-gradient(circle at 15% 15%,rgba(139,92,246,.12) 0%,transparent 42%),radial-gradient(circle at 85% 65%,rgba(236,72,153,.09) 0%,transparent 48%),radial-gradient(circle at 50% 85%,rgba(245,158,11,.05) 0%,transparent 40%),var(--bg-primary);background-attachment:fixed}[data-theme=light][data-unit=unit1] body{background:radial-gradient(circle at 12% 18%,rgba(16,185,129,.05) 0%,transparent 40%),radial-gradient(circle at 88% 70%,rgba(6,182,212,.05) 0%,transparent 50%),var(--bg-primary);background-attachment:fixed}[data-theme=light][data-unit=unit2] body{background:radial-gradient(circle at 15% 15%,rgba(139,92,246,.06) 0%,transparent 42%),radial-gradient(circle at 85% 65%,rgba(236,72,153,.05) 0%,transparent 48%),var(--bg-primary);background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-emerald)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;line-height:1.3}.glass-panel{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;opacity:.35;transition:opacity .3s ease}.app-container{position:relative;z-index:auto;display:flex;min-height:100vh}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:1000;transition:all .3s ease}.nav-brand{display:flex;align-items:center;gap:1rem}.nav-logo-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--gradient-dna);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 0 15px #10b98166}.nav-title h1{font-size:1.15rem;font-weight:800;background:var(--gradient-dna);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-title span{font-size:.75rem;color:var(--text-secondary);display:block}.nav-controls{display:flex;align-items:center;gap:.75rem}.btn-nav-action{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:.55rem 1.1rem;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-family:var(--font-main);font-size:.88rem;font-weight:600;transition:all .2s ease}.btn-nav-action:hover{background:var(--bg-card-hover);border-color:var(--accent-emerald);transform:translateY(-2px)}.btn-nav-action.active-mode{background:var(--accent-emerald);color:#fff;border-color:var(--accent-emerald);box-shadow:0 0 16px #10b98166}.unit-selector-wrapper{position:relative;display:inline-block}.unit-selector-btn{display:flex;align-items:center;gap:.6rem;padding:.45rem .95rem;background:var(--bg-secondary);border:1.5px solid var(--border-glow);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;box-shadow:0 0 15px #0003;transition:all .25s ease;font-family:var(--font-main)}.unit-selector-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-unit);box-shadow:0 0 20px var(--border-glow);transform:translateY(-1px)}.unit-selector-icon{font-size:1.25rem;line-height:1}.unit-selector-text{display:flex;flex-direction:column;align-items:flex-start;text-align:right;line-height:1.2}.unit-selector-badge{font-size:.7rem;font-weight:700;color:var(--accent-unit);text-transform:uppercase}.unit-selector-name{font-size:.88rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.unit-selector-caret{font-size:.8rem;color:var(--text-secondary);transition:transform .25s ease;margin-right:.2rem}.unit-selector-btn[aria-expanded=true] .unit-selector-caret{transform:rotate(180deg)}.unit-dropdown-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-10px);width:360px;max-width:90vw;background:var(--bg-secondary);border:1.5px solid var(--border-glow);border-radius:var(--radius-lg);box-shadow:0 15px 40px #00000080,var(--shadow-glow);padding:1rem;opacity:0;visibility:hidden;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1);z-index:1100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.unit-dropdown-menu.show-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.unit-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color);font-size:.85rem;font-weight:700;color:var(--text-secondary)}.unit-grade-pill{padding:.15rem .55rem;border-radius:var(--radius-full);background:#10b98126;color:var(--accent-unit);font-size:.72rem;font-weight:800}.unit-dropdown-list{display:flex;flex-direction:column;gap:.6rem}.unit-dropdown-item{display:flex;align-items:flex-start;gap:.85rem;padding:.85rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);text-align:right;cursor:pointer;transition:all .2s ease;width:100%}.unit-dropdown-item:hover{background:var(--bg-card-hover);border-color:var(--border-glow);transform:scale(1.02)}.unit-dropdown-item.active-unit-item{border-color:var(--accent-unit);background:#10b98114;box-shadow:0 0 15px #10b98133}[data-unit=unit2] .unit-dropdown-item.active-unit-item{background:#8b5cf61a;box-shadow:0 0 15px #8b5cf633}.unit-item-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}.unit1-icon-glow{background:linear-gradient(135deg,#10b98133,#06b6d433);border:1px solid rgba(16,185,129,.4)}.unit2-icon-glow{background:linear-gradient(135deg,#8b5cf633,#ec489933);border:1px solid rgba(139,92,246,.4)}.unit-item-info{flex:1}.unit-item-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.unit-item-title{font-size:.92rem;color:var(--text-primary)}.unit-active-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:var(--radius-full);background:var(--accent-unit);color:#fff;font-weight:700}.unit-item-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.4;margin:0}.unit-dropdown-footer{margin-top:.75rem;padding-top:.6rem;border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-muted);text-align:center}.sidebar-unit-switch-banner{background:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:.75rem;margin-bottom:1.2rem;box-shadow:0 4px 15px #0003}.sidebar-unit-badge-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary);margin-bottom:.4rem}.sidebar-grade-pill{padding:.1rem .45rem;background:#10b98126;color:var(--accent-unit);border-radius:var(--radius-full);font-weight:700;font-size:.7rem}.sidebar-unit-pill{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.55rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-main)}.sidebar-unit-pill:hover{background:var(--bg-card-hover);border-color:var(--accent-unit)}.pill-icon{font-size:1.1rem}.pill-title{flex:1;text-align:right;margin-right:.4rem}.pill-switch-tag{font-size:.72rem;color:var(--accent-unit);background:#10b9811f;padding:.15rem .4rem;border-radius:4px}.theme-toggle-btn{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);transition:all .2s}.theme-toggle-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.reading-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent}.reading-progress-fill{height:100%;width:0%;background:var(--gradient-dna);transition:width .15s ease-out}.sidebar{width:var(--sidebar-width);position:fixed;top:var(--header-height);right:0;bottom:0;background:var(--bg-secondary);border-left:1px solid var(--border-color);padding:1.5rem 1rem;overflow-y:auto;z-index:900;display:flex;flex-direction:column;gap:.5rem}.sidebar-mobile-header{display:none;align-items:center;justify-content:space-between;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color)}.sidebar-brand-box{display:flex;align-items:center;gap:.55rem}.sidebar-brand-icon{font-size:1.4rem;line-height:1}.sidebar-brand-title{font-size:1rem;font-weight:800;color:var(--text-primary);line-height:1.2}.sidebar-brand-sub{font-size:.7rem;color:var(--accent-unit);font-weight:700;display:block}.btn-sidebar-close{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:32px;height:32px;min-width:32px;max-width:32px;min-height:32px;max-height:32px;padding:0;margin:0;border-radius:50%;background:#ffffff14;border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700;line-height:1;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-sidebar-close:hover{background:var(--accent-rose);color:#fff;border-color:var(--accent-rose)}.drawer-unit-segmented{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;background:#0003;padding:.3rem;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:.85rem}.drawer-unit-seg-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid transparent;background:transparent;padding:.5rem .35rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;color:var(--text-secondary);font-family:var(--font-main);font-weight:700;font-size:.76rem;transition:all .2s ease;text-align:center}.drawer-unit-seg-btn.active{background:var(--bg-card);color:var(--accent-unit);border-color:var(--border-glow);box-shadow:0 2px 8px #0003}.sidebar-scroll-links{display:flex;flex-direction:column;gap:.3rem;overflow-y:auto;flex:1 1 auto}.sidebar-drawer-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;background:#00000026;border-top:1px solid var(--border-color);padding:.65rem .2rem .2rem;margin-top:auto;flex-shrink:0}.drawer-footer-tool{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:1px solid var(--border-color);padding:.45rem .2rem;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-main);color:var(--text-secondary);font-size:.72rem;font-weight:700}.drawer-footer-tool:hover{background:#10b9811f;color:var(--accent-unit);border-color:var(--border-glow)}.sidebar-title{font-size:.8rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:.75rem;padding:0 .5rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-weight:600;font-size:.92rem;transition:all .2s ease;border-right:3px solid transparent}.sidebar-link:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sidebar-link.active{background:#10b9811f;color:var(--accent-emerald);border-right-color:var(--accent-emerald)}.sidebar-badge{margin-right:auto;font-size:.7rem;padding:.15rem .5rem;border-radius:var(--radius-full);background:#33415566;color:var(--text-muted)}.main-content{margin-right:var(--sidebar-width);margin-top:var(--header-height);padding:2.5rem 3.5rem;width:calc(100% - var(--sidebar-width));max-width:1400px}.hero-section{position:relative;padding:3.2rem 2.8rem;border-radius:var(--radius-xl);background:var(--gradient-card);border:1px solid var(--border-color);margin-bottom:3.5rem;overflow:hidden;box-shadow:var(--shadow-md)}.hero-glow-blob-1{position:absolute;top:-120px;right:-60px;width:360px;height:360px;background:radial-gradient(circle,rgba(16,185,129,.22) 0%,transparent 70%);pointer-events:none;filter:blur(45px);z-index:0;transition:all .4s ease}.hero-glow-blob-2{position:absolute;bottom:-100px;left:20%;width:300px;height:300px;background:radial-gradient(circle,rgba(6,182,212,.15) 0%,transparent 70%);pointer-events:none;filter:blur(45px);z-index:0;transition:all .4s ease}[data-unit=unit2] .hero-glow-blob-1{background:radial-gradient(circle,rgba(139,92,246,.25) 0%,transparent 70%)}[data-unit=unit2] .hero-glow-blob-2{background:radial-gradient(circle,rgba(236,72,153,.16) 0%,transparent 70%)}.hero-layout-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;position:relative;z-index:1}.hero-main-col{display:flex;flex-direction:column;align-items:flex-start;text-align:right}.hero-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem .95rem;border-radius:var(--radius-full);background:#10b9811f;border:1px solid rgba(16,185,129,.28);color:var(--accent-unit);font-size:.82rem;font-weight:700;margin-bottom:1.25rem}[data-unit=unit2] .hero-badge{background:#8b5cf61f;border-color:#8b5cf64d}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-unit);box-shadow:0 0 8px var(--accent-unit)}.hero-title{font-size:2.6rem;font-weight:900;margin-bottom:.85rem;line-height:1.25;letter-spacing:-.5px}.hero-subtitle{font-size:1.08rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.8rem;max-width:620px}.hero-actions-container{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-bottom:1.5rem;width:100%}.btn-hero-primary{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--gradient-dna);color:#fff!important;padding:.85rem 1.6rem;border-radius:var(--radius-lg);font-weight:800;font-size:.98rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;transition:all .25s ease;box-shadow:0 4px 18px #10b98159;font-family:var(--font-main)}[data-unit=unit2] .btn-hero-primary{background:var(--gradient-accent-2);box-shadow:0 4px 18px #8b5cf659}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98180}.hero-actions-dock{display:flex;align-items:center;gap:.35rem;background:#00000038;border:1px solid var(--border-color);padding:.3rem .4rem;border-radius:var(--radius-lg)}[data-theme=light] .hero-actions-dock{background:#ffffffd9;border-color:#cbd5e1}.hero-dock-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;color:var(--text-primary);border:none;padding:.55rem .85rem;border-radius:var(--radius-md);font-weight:700;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .2s ease;font-family:var(--font-main)}.hero-dock-btn:hover{background:var(--bg-card-hover);color:var(--accent-unit);box-shadow:var(--shadow-sm);transform:translateY(-1px)}[data-theme=light] .hero-dock-btn{color:#334155}[data-theme=light] .hero-dock-btn:hover{background:#fff;color:var(--accent-unit);box-shadow:0 2px 8px #00000014}.hero-stats-strip{display:flex;align-items:center;gap:.65rem;font-size:.78rem;font-weight:700;color:var(--text-muted);flex-wrap:wrap}.hero-stats-strip .stats-item{display:inline-flex;align-items:center;gap:.35rem}.hero-stats-strip .stats-sep{opacity:.4}.hero-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.15rem;width:100%;position:relative;z-index:2}.bento-card{position:relative;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}[data-theme=light] .bento-card{background:#fffffff0;border-color:#cbd5e1cc;box-shadow:0 4px 20px #0000000a}.bento-card-main{grid-column:span 7;grid-row:span 2;padding:2.2rem 2.2rem 1.8rem;justify-content:space-between;box-shadow:0 20px 45px #00000059;border-color:#10b98147}[data-unit=unit2] .bento-card-main{border-color:#8b5cf647}.bento-card-bg-gradient{position:absolute;top:-40%;right:-20%;width:380px;height:380px;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);pointer-events:none;z-index:0}[data-unit=unit2] .bento-card-bg-gradient{background:radial-gradient(circle,rgba(139,92,246,.18) 0%,transparent 70%)}.bento-main-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem;position:relative;z-index:1}.hero-status-pill{font-size:.75rem;font-weight:800;color:var(--accent-unit);background:#10b9811a;padding:.25rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(16,185,129,.25)}[data-unit=unit2] .hero-status-pill{background:#8b5cf61a;border-color:#8b5cf640}.bento-features-strip{display:flex;align-items:center;gap:1.25rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}[data-theme=light] .bento-features-strip{border-top-color:#e2e8f0}.feature-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;color:var(--text-muted)}.feature-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-unit);box-shadow:0 0 6px var(--accent-unit)}.bento-stage-card{cursor:pointer;position:relative;justify-content:space-between;border:1.5px solid var(--border-color);background:#0a101fbf}.bento-stage-card:hover{transform:translateY(-4px);border-color:var(--accent-unit);box-shadow:0 14px 30px #0006,0 0 20px var(--shadow-glow);background:#0f172af2}[data-theme=light] .bento-stage-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .bento-stage-card:hover{background:#fff;border-color:var(--accent-unit);box-shadow:0 10px 25px #00000014,0 0 15px var(--shadow-glow)}.bento-card-step-1,.bento-card-step-2{grid-column:span 5;grid-row:span 1}.bento-card-step-3,.bento-card-step-4{grid-column:span 6;grid-row:span 1}.stage-top-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.stage-order-badge{font-family:var(--font-mono);font-size:.75rem;font-weight:900;color:var(--accent-unit);background:#10b9811f;border:1px solid rgba(16,185,129,.25);padding:.15rem .55rem;border-radius:var(--radius-sm)}[data-unit=unit2] .stage-order-badge{background:#8b5cf61f;border-color:#8b5cf640}.stage-place-pill{font-size:.72rem;font-weight:700;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--border-color);padding:.15rem .5rem;border-radius:var(--radius-full)}[data-theme=light] .stage-place-pill{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.stage-icon{font-size:1.45rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.stage-title{font-size:1.05rem;font-weight:900;color:var(--text-primary);margin-bottom:.35rem;line-height:1.35}.stage-mech{font-size:.82rem;font-weight:800;color:var(--accent-unit);margin-bottom:.35rem;line-height:1.4}.stage-detail{font-size:.78rem;color:var(--text-secondary);line-height:1.55;margin-bottom:.85rem}.stage-card-footer{margin-top:auto;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.06)}[data-theme=light] .stage-card-footer{border-top-color:#f1f5f9}.stage-action-link{font-size:.78rem;font-weight:800;color:var(--accent-unit);display:inline-flex;align-items:center;gap:.4rem;transition:transform .2s ease}.bento-stage-card:hover .link-arrow{transform:translate(-4px)}@media(max-width:1024px){.bento-card-main{grid-column:span 12;grid-row:auto}.bento-card-step-1,.bento-card-step-2,.bento-card-step-3,.bento-card-step-4{grid-column:span 6}}.central-dogma-ribbon{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.2rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:2rem}.dogma-node{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border-radius:var(--radius-sm);background:var(--bg-secondary);font-weight:700;border:1px solid var(--border-color)}.dogma-arrow{color:var(--accent-cyan);font-weight:700}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:var(--gradient-dna);color:#fff;padding:.85rem 2rem;border-radius:var(--radius-md);font-weight:700;font-size:1rem;border:none;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98173}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);padding:.85rem 1.8rem;border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:all .3s ease}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan);transform:translateY(-2px)}.lesson-section{margin-bottom:4rem;scroll-margin-top:calc(var(--header-height) + 1.5rem)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8rem;padding-bottom:.8rem;border-bottom:2px solid var(--border-color)}.section-title-wrap{display:flex;align-items:center;gap:1rem}.section-number{width:44px;height:44px;border-radius:var(--radius-md);background:var(--gradient-dna);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:900;color:#fff}.section-title{font-size:1.8rem;font-weight:800}.section-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:.2rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.prereq-card{padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);transition:all .3s ease}.prereq-card:hover{transform:translateY(-4px);border-color:var(--accent-cyan)}.prereq-card h3{font-size:1.15rem;margin-bottom:.6rem;color:var(--accent-cyan);display:flex;align-items:center;gap:.5rem}.prereq-formula{background:#06b6d41a;padding:.6rem .9rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.85rem;color:var(--accent-cyan);margin-top:.8rem;border:1px dashed rgba(6,182,212,.3)}.hypothesis-item{padding:1.2rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);margin-bottom:1rem;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;gap:.6rem}.hypothesis-item:hover{background:var(--bg-card-hover);border-color:var(--accent-blue)}.hypothesis-item.selected-valid{border-color:var(--accent-emerald);background:#10b9811a}.hypothesis-item.selected-invalid{border-color:var(--accent-rose);background:#f43f5e1a}.hypothesis-feedback{font-size:.9rem;font-weight:600;padding:.5rem .8rem;border-radius:var(--radius-sm);margin-top:.4rem}.hypothesis-feedback.valid{background:#10b98133;color:var(--accent-emerald)}.hypothesis-feedback.invalid{background:#f43f5e33;color:var(--accent-rose)}.comparison-table{width:100%;border-collapse:collapse;margin-top:1rem;border-radius:var(--radius-md);overflow:hidden}.comparison-table th,.comparison-table td{padding:1rem 1.25rem;text-align:right;border-bottom:1px solid var(--border-color)}.comparison-table th{background:var(--bg-secondary);font-weight:800;color:var(--accent-cyan)}.comparison-table tr:hover td{background:#ffffff05}.interactive-studio{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;position:relative;overflow:hidden;transition:all .3s ease}.interactive-studio.studio-fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;max-width:100vw!important;z-index:99999!important;background:#040814!important;border-radius:0!important;padding:1.5rem 2rem!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;box-shadow:none!important;border:none!important}.interactive-studio.studio-fullscreen .svg-touch-viewport{flex:1;display:flex;align-items:center;justify-content:center;min-height:55vh;background:#060c1d!important}.interactive-studio.studio-fullscreen svg{max-height:60vh!important;width:auto!important}.translation-stage-pills{display:flex;gap:.4rem;flex-wrap:wrap}.t-pill-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem .8rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:var(--font-main)}.t-pill-btn:hover{color:var(--text-primary);border-color:var(--accent-unit)}.t-pill-btn.active-tpill{background:var(--gradient-dna);color:#fff;border-color:transparent;box-shadow:0 0 12px var(--border-glow)}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.studio-controls{display:flex;gap:.5rem;flex-wrap:wrap}.btn-studio{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-sm);font-family:var(--font-main);font-weight:700;font-size:.88rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.btn-studio:hover{background:var(--accent-emerald);color:#fff;border-color:var(--accent-emerald)}.bio-inspectable{cursor:pointer!important;transition:filter .25s ease,opacity .3s ease}.bio-inspectable:hover{filter:drop-shadow(0 0 8px rgba(16,185,129,.85)) brightness(1.22)!important}.bio-chips-bar{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-top:.9rem;padding:.65rem .85rem;background:#00000040;border:1px solid var(--border-color);border-radius:var(--radius-md)}[data-theme=light] .bio-chips-bar{background:#f1f5f9e6;border-color:#cbd5e1}.bio-chips-label{font-size:.78rem;font-weight:800;color:var(--accent-unit);display:inline-flex;align-items:center;gap:.35rem;margin-left:.4rem}.bio-chip-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:.32rem .65rem;border-radius:var(--radius-full);font-size:.76rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s ease;font-family:var(--font-main)}.bio-chip-btn:hover,.bio-chip-btn.active-bio-chip{background:#10b98129;color:var(--accent-unit);border-color:var(--accent-unit);box-shadow:0 0 10px #10b98140;transform:translateY(-1px)}.bio-inspector-modal{position:relative;width:100%;margin-top:1rem;margin-bottom:.8rem;background:#0a1020f5;border:1.5px solid var(--accent-unit);border-radius:var(--radius-lg);padding:1.25rem 1.4rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px #00000073,0 0 20px #10b98126;box-sizing:border-box;display:none;animation:bioModalPop .25s cubic-bezier(.16,1,.3,1) forwards}.bio-inspector-modal.show-modal{display:block}@keyframes bioModalPop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .bio-inspector-modal{background:#fffffffa;border-color:var(--accent-unit);box-shadow:0 15px 35px #00000026,0 0 20px #10b98126}.bio-modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid var(--border-color);gap:1rem}.bio-modal-title-group{display:flex;align-items:center;gap:.65rem}.bio-modal-icon{font-size:1.8rem;line-height:1}.bio-modal-title{font-size:1.05rem;font-weight:900;color:var(--text-primary);margin-bottom:.15rem}.bio-modal-sub{font-size:.78rem;color:var(--text-muted)}.btn-close-bio-modal{background:#ffffff14;border:1px solid var(--border-color);color:var(--text-muted);width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;transition:all .2s;flex-shrink:0}.btn-close-bio-modal:hover{background:var(--accent-rose);color:#fff;border-color:var(--accent-rose)}.bio-modal-body{font-size:.88rem;line-height:1.7;color:var(--text-secondary)}.bio-modal-body p{margin-bottom:.6rem}.bio-modal-sites-list{list-style:none;padding-right:0;margin-bottom:.75rem}.bio-modal-sites-list li{margin-bottom:.45rem;font-size:.84rem;color:var(--text-primary);padding:.35rem .6rem;background:#ffffff0a;border-radius:var(--radius-sm);border-right:3px solid var(--accent-unit)}[data-theme=light] .bio-modal-sites-list li{background:#00000008}.bio-modal-bac-tip{background:#f59e0b1f;border:1px dashed rgba(245,158,11,.4);color:#fbbf24;padding:.6rem .85rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;line-height:1.6}[data-theme=light] .bio-modal-bac-tip{background:#fef3c7;border-color:#f59e0b;color:#92400e}.codon-search-box{display:flex;gap:.8rem;margin-bottom:1.5rem}.codon-input{flex:1;max-width:300px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);font-size:1.1rem;padding:.7rem 1.2rem;border-radius:var(--radius-md);text-transform:uppercase}.codon-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 10px #06b6d44d}.codon-result-card{padding:1.2rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);display:flex;align-items:center;gap:1.5rem}.codon-symbol-badge{width:56px;height:56px;border-radius:var(--radius-md);background:var(--gradient-dna);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:900;color:#fff}.flashcards-container{display:flex;flex-direction:column;gap:1.5rem}.flashcard-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.filter-chip{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);padding:.45rem 1rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s}.filter-chip.active,.filter-chip:hover{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.flashcard-3d-scene{perspective:1200px;width:100%;max-width:650px;height:340px;margin:0 auto}.flashcard-3d-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);cursor:pointer}.flashcard-3d-card.flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}.flashcard-front{background:var(--bg-card);background-image:radial-gradient(circle at top right,rgba(139,92,246,.15),transparent 70%)}.flashcard-back{background:var(--bg-secondary);background-image:radial-gradient(circle at top left,rgba(16,185,129,.15),transparent 70%);transform:rotateY(180deg)}.flashcard-header{display:flex;align-items:center;justify-content:space-between}.flashcard-category{font-size:.8rem;font-weight:700;color:var(--accent-purple);background:#8b5cf626;padding:.25rem .75rem;border-radius:var(--radius-full)}.flashcard-body{text-align:center;margin:auto 0}.flashcard-body h3{font-size:1.8rem;margin-bottom:.5rem}.flashcard-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.quiz-box{padding:2rem;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-color)}.quiz-question-title{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-primary)}.quiz-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.quiz-opt-btn{padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);text-align:right;font-family:var(--font-main);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between}.quiz-opt-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-blue)}.quiz-opt-btn.correct{background:#10b98126;border-color:var(--accent-emerald);color:var(--accent-emerald)}.quiz-opt-btn.wrong{background:#f43f5e26;border-color:var(--accent-rose);color:var(--accent-rose)}.scientific-doc-card{border-right:4px solid var(--accent-emerald);padding:1.5rem;background:var(--bg-card);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:1.5rem}.scientific-badge{display:inline-block;padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;margin-bottom:.5rem;background:#10b98133;color:var(--accent-emerald)}.scientific-keyword-mark{background:#10b98140;color:#a7f3d0;font-weight:700;padding:.1rem .35rem;border-radius:4px}[data-theme=light] .scientific-keyword-mark{background:#d1fae5!important;color:#065f46!important}.teacher-mode-active{background:#000!important}.teacher-mode-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#080d1a;z-index:99999;flex-direction:column}.teacher-mode-modal.active{display:flex}.teacher-toolbar{height:64px;background:#0f172af2;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem}.teacher-slide-viewport{flex:1;padding:3rem 5rem;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;font-size:1.35rem}.teacher-laser-dot{position:fixed;width:16px;height:16px;border-radius:50%;background:#ef4444;box-shadow:0 0 16px #ef4444,0 0 30px #ef4444;pointer-events:none;z-index:100000;transform:translate(-50%,-50%);display:none}.search-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;align-items:center;justify-content:center;padding:1.5rem}.search-modal.active{display:flex}.search-box-card{width:100%;max-width:600px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.search-input-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:1rem}.search-field{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-main);font-size:1.1rem}.search-results-list{max-height:380px;overflow-y:auto;padding:.75rem}.search-result-item{padding:.8rem 1rem;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:.2rem;transition:all .2s}.search-result-item:hover{background:var(--bg-card-hover)}@media print{.top-nav,.sidebar,.btn-studio,.btn-primary,.btn-secondary,.hypothesis-feedback,#bg-canvas,.flashcard-actions,.theme-toggle-btn{display:none!important}.main-content{margin:0!important;padding:0!important;width:100%!important}body,html{background:#fff!important;color:#000!important}.glass-panel,.interactive-studio,.prereq-card{background:#fff!important;border:1px solid #cccccc!important;box-shadow:none!important}}body.menu-open-scroll-lock{overflow:hidden!important}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;height:100dvh;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1100;opacity:0;transition:opacity .3s ease}.sidebar-backdrop.active{display:block;opacity:1}.mobile-hamburger-btn{display:none;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);width:38px;height:38px;padding:0;border-radius:var(--radius-sm);align-items:center;justify-content:center;cursor:pointer}.tab-short-text{display:none}.tab-long-text{display:inline}@media(max-width:1024px){.mobile-hamburger-btn{display:flex}.sidebar{position:fixed!important;top:0!important;right:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;width:min(320px,86vw)!important;z-index:1200!important;transform:translate(100%)!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;box-shadow:-15px 0 45px #000000bf!important;padding:1.25rem 1rem!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:column!important}.sidebar.mobile-open{transform:translate(0)!important}.sidebar-mobile-header{display:flex!important}.main-content{margin-right:0;width:100%;padding:2rem 1.5rem}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--header-height: 60px}html,body{overflow-x:hidden!important;width:100%!important;position:relative;font-size:.94rem}.top-nav{padding:0 .5rem;height:var(--header-height);gap:.35rem}.nav-brand{gap:.4rem;flex-shrink:1;min-width:0}.mobile-hamburger-btn{display:flex;width:36px;height:36px;flex-shrink:0}.nav-logo-icon{width:32px;height:32px;font-size:1.05rem;flex-shrink:0}.nav-title h1{font-size:.88rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.nav-teacher-subtitle{display:none!important}.unit-selector-wrapper{flex-shrink:0}.unit-selector-btn{padding:.35rem .6rem;gap:.35rem}.unit-selector-icon{font-size:1.1rem}.unit-selector-name{display:none!important}.unit-selector-badge{font-size:.74rem;font-weight:800}.unit-selector-caret{font-size:.7rem;margin-right:0}.unit-dropdown-menu{position:fixed!important;top:var(--header-height)!important;left:8px!important;right:8px!important;width:auto!important;max-width:none!important;transform:translateY(-8px)!important;border-radius:var(--radius-md)!important;box-shadow:0 20px 45px #000000bf,var(--shadow-glow)!important;padding:.85rem!important}.unit-dropdown-menu.show-dropdown{transform:translateY(6px)!important}.unit-dropdown-item{padding:.7rem .65rem!important;gap:.6rem!important}.unit-item-icon{width:36px;height:36px;font-size:1.15rem}.unit-item-title{font-size:.86rem!important}.unit-item-desc{font-size:.74rem!important;line-height:1.35!important}.desktop-only{display:none!important}.nav-controls{gap:.25rem;flex-shrink:0}.btn-nav-action{padding:.35rem .5rem;font-size:.8rem;height:36px}.btn-nav-action .btn-text{display:none!important}.theme-toggle-btn{width:36px;height:36px}.main-content{margin-top:var(--header-height);margin-right:0!important;padding:1rem .6rem 2.5rem!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important}.glass-panel{padding:1.1rem .85rem!important;border-radius:var(--radius-md)!important}.sidebar{width:min(300px,86vw)!important;border-left:1.5px solid var(--border-glow)!important;box-shadow:-10px 0 35px #000000bf!important;padding:1.25rem .75rem!important;-webkit-overflow-scrolling:touch}.sidebar-link{padding:.6rem .75rem!important;font-size:.88rem!important}.hero-section{padding:1.25rem .85rem!important;margin-bottom:1.5rem!important;border-radius:var(--radius-lg)!important}.hero-layout-grid{display:flex!important;flex-direction:column!important;gap:1.2rem!important}.hero-main-col{width:100%!important;align-items:flex-start!important}.hero-badge{font-size:.74rem!important;padding:.25rem .75rem!important;margin-bottom:.65rem!important}.hero-title{font-size:1.45rem!important;line-height:1.35!important;margin-bottom:.45rem!important}.hero-subtitle{font-size:.86rem!important;line-height:1.6!important;margin-bottom:1rem!important;max-width:100%!important}.hero-actions-container{flex-direction:column!important;align-items:stretch!important;gap:.55rem!important;margin-bottom:.85rem!important;width:100%!important}.btn-hero-primary{width:100%!important;justify-content:center!important;padding:.75rem 1rem!important;font-size:.95rem!important;border-radius:var(--radius-md)!important}.hero-actions-dock{width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.25rem!important;padding:.25rem!important;border-radius:var(--radius-md)!important;box-sizing:border-box!important}.hero-dock-btn{width:100%!important;justify-content:center!important;padding:.5rem .15rem!important;font-size:.74rem!important;gap:.25rem!important;border-radius:var(--radius-sm)!important;text-align:center!important}.hero-dock-btn .dock-btn-icon{font-size:.95rem!important}.hero-stats-strip{display:none!important}.hero-bento-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important;width:100%!important;box-sizing:border-box!important}.bento-card-main{grid-column:span 2!important;padding:1.35rem 1rem!important;border-radius:var(--radius-lg)!important}.bento-main-header{margin-bottom:.75rem!important}.hero-status-pill{font-size:.68rem!important;padding:.15rem .5rem!important}.bento-features-strip{gap:.55rem!important;margin-top:1rem!important;padding-top:.85rem!important}.feature-badge{font-size:.7rem!important}.bento-card-step-1,.bento-card-step-2,.bento-card-step-3,.bento-card-step-4{grid-column:span 1!important;padding:.85rem .7rem!important;border-radius:var(--radius-md)!important}.stage-top-meta{margin-bottom:.45rem!important}.stage-order-badge{font-size:.68rem!important;padding:.1rem .35rem!important}.stage-place-pill{font-size:.62rem!important;padding:.1rem .35rem!important;max-width:80px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.stage-icon{font-size:1.15rem!important}.stage-title{font-size:.88rem!important;margin-bottom:.2rem!important;line-height:1.3!important}.stage-mech{font-size:.72rem!important;margin-bottom:.25rem!important;line-height:1.35!important}.stage-detail{font-size:.68rem!important;line-height:1.4!important;margin-bottom:.45rem!important}.stage-card-footer{padding-top:.4rem!important}.stage-action-link{font-size:.7rem!important}@media(max-width:520px){.hero-bento-grid{grid-template-columns:1fr!important}.bento-card-main,.bento-card-step-1,.bento-card-step-2,.bento-card-step-3,.bento-card-step-4{grid-column:span 1!important}}.desktop-only-text,.desktop-only{display:none!important}.lesson-section{margin-bottom:2.2rem!important}.section-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;margin-bottom:1rem!important}.section-number{width:32px!important;height:32px!important;font-size:.95rem!important}.section-title{font-size:1.25rem!important}.section-subtitle{font-size:.82rem!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important;gap:.85rem!important}.interactive-studio{padding:1rem .6rem!important;border-radius:var(--radius-md)!important;overflow-x:hidden!important}.studio-toolbar{flex-direction:column!important;align-items:flex-start!important;gap:.6rem!important;margin-bottom:1rem!important}.studio-toolbar h3,.studio-toolbar h4{font-size:1.05rem!important}.studio-controls{width:100%!important;flex-wrap:wrap!important;gap:.35rem!important}.btn-studio{padding:.5rem .75rem!important;font-size:.8rem!important}.glass-panel>div[style*="display: flex"],.interactive-studio>div[style*="display: flex"],.lesson-section div[style*="display: flex"][style*="gap: 2rem"],.lesson-section div[style*="display: flex"][style*="gap: 1.5rem"]{flex-direction:column!important;gap:1rem!important;width:100%!important}div[style*=min-width],div[style*="min-width: 320px"],div[style*="min-width: 280px"],div[style*="min-width: 260px"],div[style*="min-width: 200px"]{flex:1 1 100%!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.svg-touch-viewport,#sec-transcription-sim .interactive-studio>div[style*="background: #090e1c"],#sec-translation-sim .interactive-studio>div[style*="background: #090e1c"],#sec-translation-sim .interactive-studio>div[style*="background: #060b18"],#sec-translation-sim .svg-touch-viewport{width:100%!important;max-width:100%!important;display:block!important;padding:.6rem .2rem!important;border-radius:var(--radius-sm)!important;overflow-x:hidden!important;box-sizing:border-box!important}#sec-transcription-sim svg,#sec-translation-sim svg,#level-svg-canvas,#anfinsen-svg,#gel-svg,#hydro-svg,.interactive-studio svg{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;display:block!important;margin:0 auto!important}.sidebar-mobile-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-bottom:.75rem!important;margin-bottom:.75rem!important;border-bottom:1px solid var(--border-color)!important}.sidebar-brand-box{display:flex!important;align-items:center!important;gap:.55rem!important}.sidebar-brand-icon{font-size:1.4rem!important;line-height:1!important}.sidebar-brand-title{font-size:1rem!important;font-weight:800!important;color:var(--text-primary)!important;line-height:1.2!important}.sidebar-brand-sub{font-size:.7rem!important;color:var(--accent-unit)!important;font-weight:700!important;display:block!important}.btn-sidebar-close{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;margin:0!important;border-radius:50%!important;background:#ffffff14!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.95rem!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;transition:all .2s ease!important;flex-shrink:0!important}.btn-sidebar-close:hover{background:var(--accent-rose)!important;color:#fff!important;border-color:var(--accent-rose)!important}[data-theme=light] .btn-sidebar-close{background:#0000000d!important;border-color:#cbd5e1!important;color:#1e293b!important}.drawer-unit-segmented{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.3rem!important;background:#00000038!important;padding:.3rem!important;border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;margin-bottom:.85rem!important}[data-theme=light] .drawer-unit-segmented{background:#f1f5f9!important;border-color:#cbd5e1!important}.drawer-unit-seg-btn{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;border:1px solid transparent!important;background:transparent!important;padding:.5rem .3rem!important;border-radius:var(--radius-sm)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.35rem!important;cursor:pointer!important;color:var(--text-secondary)!important;font-family:var(--font-main)!important;font-weight:700!important;font-size:.76rem!important;transition:all .2s ease!important;text-align:center!important;box-sizing:border-box!important}.drawer-unit-seg-btn.active{background:var(--bg-card)!important;color:var(--accent-unit)!important;border-color:var(--border-glow)!important;box-shadow:0 2px 8px #0003!important}[data-theme=light] .drawer-unit-seg-btn.active{background:#fff!important;color:var(--accent-unit)!important;border-color:var(--accent-unit)!important;box-shadow:0 2px 8px #00000014!important}.sidebar-scroll-links{display:flex!important;flex-direction:column!important;gap:.3rem!important;overflow-y:auto!important;flex:1 1 auto!important;padding-bottom:.5rem!important}.sidebar-drawer-footer{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.35rem!important;background:#00000026!important;border-top:1px solid var(--border-color)!important;padding:.65rem .2rem .2rem!important;margin-top:.6rem!important;flex-shrink:0!important}[data-theme=light] .sidebar-drawer-footer{background:#f8fafc!important;border-top-color:#cbd5e1!important}.drawer-footer-tool{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;border:1px solid var(--border-color)!important;padding:.45rem .2rem!important;border-radius:var(--radius-sm)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.2rem!important;cursor:pointer!important;transition:all .2s ease!important;font-family:var(--font-main)!important;color:var(--text-secondary)!important;font-size:.72rem!important;font-weight:700!important;box-sizing:border-box!important}.drawer-footer-tool:hover,.drawer-footer-tool:active{background:#10b9811f!important;color:var(--accent-unit)!important;border-color:var(--border-glow)!important}[data-theme=light] .drawer-footer-tool{background:#fff!important;border-color:#cbd5e1!important;color:#475569!important}[data-theme=light] .drawer-footer-tool:hover{background:#f1f5f9!important;color:var(--accent-unit)!important}#btn-anf-native,#btn-anf-denature,#btn-anf-renature,#btn-anf-scramble{flex:1 1 100%!important;width:100%!important;text-align:right!important;font-size:.82rem!important;padding:.6rem .75rem!important;margin-bottom:.2rem}.aa-choice-btn{flex:1 1 30%!important;min-width:0!important;font-size:.75rem!important;padding:.45rem .25rem!important;text-align:center!important}#ph-range-slider{width:100%!important;height:28px!important}.level-tab-btn{flex:1 1 48%!important;min-width:0!important;font-size:.78rem!important;padding:.5rem .35rem!important;text-align:center!important}.codon-search-box{flex-direction:column!important;gap:.45rem!important;width:100%!important}.codon-input{width:100%!important;max-width:100%!important;font-size:1.05rem!important;padding:.6rem .8rem!important;text-align:center!important}#btn-translate-codon{width:100%!important;justify-content:center!important}#codon-extraction-steps{flex-wrap:wrap!important;gap:.35rem!important}#codon-extraction-steps>div{flex:1 1 46%!important;min-width:110px!important;padding:.4rem!important}#svg-codon-wheel{max-width:270px!important;width:100%!important;height:auto!important;margin:0 auto!important;display:block!important}.codon-result-card{flex-direction:column!important;text-align:center!important;gap:.7rem!important;padding:.9rem!important}.flashcard-3d-scene{height:380px!important;max-width:100%!important}.flashcard-face{padding:1.25rem .85rem!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.flashcard-body h3{font-size:1.25rem!important}.flashcard-body p{font-size:.92rem!important;line-height:1.6!important}.flashcard-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.45rem!important;width:100%!important}.flashcard-actions button{width:100%!important;justify-content:center!important;padding:.55rem .4rem!important;font-size:.8rem!important}.comparison-table{display:table!important;min-width:520px!important;width:100%!important;white-space:normal!important}.comparison-table th,.comparison-table td{padding:.65rem .7rem!important;font-size:.84rem!important;white-space:normal!important;word-break:break-word!important}.quiz-box{padding:1.1rem .75rem!important}.quiz-question-title{font-size:1.02rem!important;line-height:1.55!important;margin-bottom:.85rem!important}.quiz-opt-btn{padding:.8rem .85rem!important;font-size:.88rem!important;min-height:48px!important}}@media(max-width:480px){.top-nav{padding:0 .4rem!important;gap:.25rem!important}.nav-title h1{max-width:90px!important;font-size:.82rem!important}.unit-selector-btn{padding:.3rem .5rem!important;gap:.25rem!important}.unit-selector-badge{font-size:.72rem!important}.hero-actions{grid-template-columns:1fr!important}.hero-title{font-size:1.35rem!important}.level-tab-btn{flex:1 1 100%!important}}[data-theme=light] #bg-canvas{opacity:.14!important}[data-theme=light] .glass-panel{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px #0000000d,0 1px 3px #00000008!important}[data-theme=light] .glass-panel:hover{border-color:#94a3b8!important;box-shadow:0 6px 16px #00000014!important}[data-theme=light] .top-nav{background:#fffffff2!important;border-bottom:1px solid #cbd5e1!important;box-shadow:0 2px 8px #0000000a!important}[data-theme=light] .sidebar{background:#fff!important;border-left:1px solid #cbd5e1!important}[data-theme=light] .sidebar-link{color:#334155!important}[data-theme=light] .sidebar-link:hover,[data-theme=light] .sidebar-link.active-link{background:#f0fdf4!important;color:#059669!important}[data-theme=light][data-unit=unit2] .sidebar-link:hover,[data-theme=light][data-unit=unit2] .sidebar-link.active-link{background:#faf5ff!important;color:#7c3aed!important}[data-theme=light] .hero-section{background:linear-gradient(135deg,#fff,#f0fdf4)!important;border:1px solid #cbd5e1!important;box-shadow:0 8px 24px #05966914!important}[data-theme=light][data-unit=unit2] .hero-section{background:linear-gradient(135deg,#fff,#faf5ff)!important;border:1px solid #cbd5e1!important;box-shadow:0 8px 24px #7c3aed14!important}[data-theme=light] .flow-matrix-card{background:#fff!important;border:1.5px solid #e2e8f0!important;box-shadow:0 2px 6px #00000008!important}[data-theme=light] .flow-matrix-card:hover{background:#f8fafc!important;border-color:var(--accent-unit)!important}[data-theme=light] .flow-matrix-card .card-title{color:#0f172a!important}[data-theme=light] .flow-matrix-card .card-desc{color:#475569!important}[data-theme=light] .flow-matrix-card .card-connector-tag{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#475569!important}[data-theme=light] .flow-matrix-card.card-target-final{background:#f0fdf4!important;border-color:#059669!important}[data-theme=light][data-unit=unit2] .flow-matrix-card.card-target-final{background:#faf5ff!important;border-color:#7c3aed!important}[data-theme=light] .central-dogma-ribbon{background:#f8fafc!important;border:1px solid #cbd5e1!important}[data-theme=light] .dogma-node{background:#fff!important;border:1px solid #cbd5e1!important;color:#0f172a!important;box-shadow:0 1px 3px #0000000a!important}[data-theme=light] .btn-studio{background:#fff!important;border:1px solid #cbd5e1!important;color:#0f172a!important}[data-theme=light] .btn-studio:hover{background:#059669!important;color:#fff!important;border-color:#059669!important}[data-theme=light][data-unit=unit2] .btn-studio:hover{background:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important}[data-theme=light] .btn-secondary{background:#fff!important;border:1px solid #cbd5e1!important;color:#0f172a!important}[data-theme=light] .btn-secondary:hover{background:#f1f5f9!important;border-color:#0284c7!important}[data-theme=light] .interactive-studio{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 4px 14px #0000000d!important}[data-theme=light] .svg-touch-viewport,[data-theme=light] div[style*="background: #080d1e"],[data-theme=light] div[style*="background: #070d1e"],[data-theme=light] div[style*="background: #090e1c"],[data-theme=light] div[style*="background: #060b18"]{background:#090f20!important;border:1.5px solid #1e293b!important;border-radius:var(--radius-md)!important;box-shadow:inset 0 2px 10px #00000080!important}[data-theme=light] #transla-narration{background:#fff!important;border:1.5px solid #cbd5e1!important}[data-theme=light] #ribosome-sites-status{background:#f8fafc!important;border:1px solid #cbd5e1!important}[data-theme=light] #status-site-e{color:#b91c1c!important}[data-theme=light] #status-site-p{color:#047857!important}[data-theme=light] #status-site-a{color:#b45309!important}[data-theme=light] .comparison-table th{background:#f1f5f9!important;color:#0f172a!important;border-bottom:2px solid #cbd5e1!important}[data-theme=light] .comparison-table td{border-bottom:1px solid #e2e8f0!important;color:#334155!important}[data-theme=light] .comparison-table tr:hover td{background:#f8fafc!important}[data-theme=light] .quiz-box{background:#fff!important;border:1px solid #cbd5e1!important;box-shadow:0 2px 8px #0000000a!important}[data-theme=light] .quiz-opt-btn{background:#f8fafc!important;border-color:#cbd5e1!important;color:#0f172a!important}[data-theme=light] .quiz-opt-btn:hover{background:#f1f5f9!important;border-color:#0284c7!important}[data-theme=light] .order-card-item{background:#fff!important;border-color:#cbd5e1!important}[data-theme=light] .flashcard-front{background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 10px 25px -5px #00000014!important}[data-theme=light] .flashcard-back{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 10px 25px -5px #00000014!important}[data-theme=light] .flashcard-body h3{color:#0f172a!important}[data-theme=light] .flashcard-body p{color:#334155!important}[data-theme=light] .flashcard-category{background:#ede9fe!important;color:#6d28d9!important}[data-theme=light] .unit-dropdown-menu{background:#fff!important;border:1.5px solid #cbd5e1!important;box-shadow:0 20px 35px -5px #0000001f!important}[data-theme=light] .unit-dropdown-header,[data-theme=light] .unit-dropdown-footer{border-color:#e2e8f0!important;color:#475569!important}[data-theme=light] .unit-dropdown-item{border-color:#e2e8f0!important;background:#f8fafc!important}[data-theme=light] .unit-dropdown-item:hover{background:#f1f5f9!important;border-color:#cbd5e1!important}[data-theme=light] .codon-result-card{background:#fff!important;border-color:#cbd5e1!important}[data-theme=light] #step-base-1{background:#eff6ff!important;border-color:#93c5fd!important}[data-theme=light] #step-base-1 span{color:#1d4ed8!important}[data-theme=light] #step-base-1 strong{color:#1e3a8a!important}[data-theme=light] #step-base-2{background:#f0fdf4!important;border-color:#86efac!important}[data-theme=light] #step-base-2 span{color:#047857!important}[data-theme=light] #step-base-2 strong{color:#064e3b!important}[data-theme=light] #step-base-3{background:#fffbeb!important;border-color:#fde68a!important}[data-theme=light] #step-base-3 span{color:#b45309!important}[data-theme=light] #step-base-3 strong{color:#78350f!important}[data-theme=light] [style*="color: #cbd5e1"],[data-theme=light] [style*="color:#cbd5e1"]{color:#334155!important}[data-theme=light] [style*="color: #94a3b8"],[data-theme=light] [style*="color:#94a3b8"]{color:#475569!important}[data-theme=light] [style*="background: rgba(0,0,0,0.25)"],[data-theme=light] [style*="background: rgba(0, 0, 0, 0.25)"]{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#1e293b!important}[data-theme=light] [style*="background: rgba(0,0,0,0.4)"],[data-theme=light] [style*="background: rgba(0, 0, 0, 0.4)"]{background:#f8fafc!important;border-color:#cbd5e1!important;color:#1e293b!important}[data-theme=light] [style*="background: rgba(255,255,255,0.06)"],[data-theme=light] [style*="background: rgba(255, 255, 255, 0.06)"]{background:#f1f5f9!important;border:1px solid #cbd5e1!important}