:root{--font-sans: "Alexandria", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Alexandria", "Iowan Old Style", Georgia, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.625rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.55;--leading-relaxed: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--color-bg: #07090f;--color-bg-deep: #04060b;--color-bg-elev: #0d1220;--glass-1: rgba(255, 255, 255, .04);--glass-2: rgba(255, 255, 255, .06);--glass-3: rgba(255, 255, 255, .09);--glass-stroke: rgba(255, 255, 255, .1);--glass-stroke-strong: rgba(255, 255, 255, .18);--glass-inner-hi: rgba(255, 255, 255, .12);--color-text: #eef2f8;--color-text-muted: #9aa3b6;--color-text-subtle: rgba(238, 242, 248, .55);--color-heading-accent: #c9d4ff;--color-overlay: rgba(2, 4, 9, .62);--color-overlay-strong: rgba(2, 4, 9, .82);--accent: #34d399;--accent-soft: rgba(52, 211, 153, .18);--cell-color: #34d399;--accent-glow: 0 0 0 1px color-mix(in srgb, var(--accent) 38%, transparent), 0 8px 24px color-mix(in srgb, var(--accent) 18%, transparent);--neon-emerald: #34d399;--neon-cyan: #22d3ee;--neon-amethyst: #a78bfa;--neon-rose: #f472b6;--neon-amber: #fbbf24;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .35);--shadow-md: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);--shadow-overlay: 0 30px 80px rgba(0, 0, 0, .7);--container-max: 1880px;--shell-pad: clamp(var(--space-3), 2.4vw, var(--space-6));--grid-gap: clamp(var(--space-3), 1.6vw, var(--space-5));--panel-pad: clamp(var(--space-4), 2vw, var(--space-6));--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.32, 1.36, .45, 1);--duration: .22s;--duration-lg: .42s;color-scheme:dark;font-family:var(--font-sans);font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;background:var(--color-bg-deep)}body{margin:0;min-width:320px;min-height:100svh;color:var(--color-text);background:var(--color-bg);line-height:var(--leading-normal);overflow-x:hidden}body:before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 12%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 38%),radial-gradient(circle at 82% 18%,rgba(167,139,250,.18),transparent 42%),radial-gradient(circle at 50% 92%,rgba(34,211,238,.14),transparent 50%),radial-gradient(circle at 8% 78%,rgba(244,114,182,.1),transparent 36%);filter:blur(40px) saturate(120%);animation:drift 32s ease-in-out infinite alternate}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.45),transparent 60%),radial-gradient(1px 1px at 70% 65%,rgba(255,255,255,.3),transparent 60%),radial-gradient(1px 1px at 45% 80%,rgba(255,255,255,.35),transparent 60%),radial-gradient(1.2px 1.2px at 85% 22%,rgba(255,255,255,.28),transparent 60%);background-size:380px 380px}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1.02)}to{transform:translate3d(2%,2%,0) scale(1.08)}}button,a,input{font:inherit;color:inherit}button{border:0;background:transparent;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:var(--leading-tight);letter-spacing:-.01em}p{margin:0}img,svg{display:block;max-width:100%}::selection{background:var(--accent-soft);color:var(--color-text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#ffffff2e;background-clip:padding-box}.app-shell{min-height:100svh;padding:var(--shell-pad);padding-block-end:calc(var(--shell-pad) + env(safe-area-inset-bottom));position:relative;isolation:isolate}.app-shell:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 50% at 18% 6%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%),radial-gradient(45% 45% at 82% 4%,color-mix(in srgb,var(--neon-amethyst) 18%,transparent),transparent 70%);filter:blur(24px);transition:opacity var(--duration-lg) var(--ease)}.app-grid{display:grid;gap:var(--grid-gap);max-width:var(--container-max);margin-inline:auto;grid-template-columns:1fr}.left-rail,.right-rail,.center-stack{min-width:0;display:grid;gap:var(--grid-gap)}.center-stack{order:1}.left-rail{order:2}.right-rail{order:3}@media(min-width:1024px){.app-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start}.center-stack{order:0;grid-column:1}.left-rail{order:1;grid-column:1}.right-rail{order:2;grid-column:2;grid-row:1 / span 2}}@media(min-width:1280px){.app-grid{grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(320px,380px)}.left-rail{order:0;grid-column:1;grid-row:1}.center-stack{order:1;grid-column:2;grid-row:1}.right-rail{order:2;grid-column:3;grid-row:1}}.topbar{position:relative;z-index:1000;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:var(--container-max);margin-inline:auto;margin-block-end:var(--space-5);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0d,#ffffff04);border:1px solid var(--glass-stroke);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--glass-inner-hi)}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);color:var(--color-text);background:var(--glass-2);border:1px solid var(--glass-stroke);cursor:pointer;transition:background var(--duration) var(--ease),color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.nav-toggle:hover{background:var(--glass-3);box-shadow:inset 0 0 0 1px var(--glass-stroke)}.nav-toggle svg{stroke-width:1.75}.brand-block{display:flex;align-items:center;gap:var(--space-4);min-width:0;animation:rise-in .52s var(--ease) both}.brand-orb{width:clamp(36px,5vw,44px);aspect-ratio:1;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:var(--accent);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.32),transparent 55%),radial-gradient(circle at 65% 65%,var(--accent-soft),transparent 60%),linear-gradient(135deg,#ffffff1f,#ffffff05);border:1px solid var(--glass-stroke-strong);box-shadow:inset 0 1px 0 var(--glass-inner-hi),0 6px 18px color-mix(in srgb,var(--accent) 35%,transparent);transition:box-shadow var(--duration) var(--ease)}.brand-orb:after{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 40%,transparent),transparent 70%);filter:blur(12px);z-index:-1;opacity:.7;animation:pulse-glow 4.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.55;transform:scale(.95)}50%{opacity:.9;transform:scale(1.1)}}.brand-block h1{margin:0;font-family:var(--font-sans);font-size:clamp(.95rem,1.8vw,1.25rem);font-weight:700;line-height:1;letter-spacing:.01em;text-transform:uppercase;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--accent) 60%,#ffffff));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-block p{margin-block-start:2px;color:var(--color-text-muted);font-size:clamp(.7rem,.9vw,.78rem);font-weight:500;letter-spacing:.01em}.top-nav{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;animation:fade-in .62s var(--ease) both}.top-nav-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-width:48px;min-height:48px;padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-md);transition:background var(--duration) var(--ease),color var(--duration) var(--ease),transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.top-nav-btn:hover{background:var(--glass-2);color:var(--color-text);transform:translateY(-1px);box-shadow:inset 0 0 0 1px var(--glass-stroke)}.top-nav-btn svg{stroke-width:1.5}.lang-toggle{flex-direction:row;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--glass-stroke);background:#ffffff08}.lang-toggle span{font-weight:700;font-size:var(--text-xs);letter-spacing:.06em}.lang-toggle:hover{background:var(--glass-3)}@media(max-width:639px){.lang-toggle span{display:inline}}@media(max-width:639px){.nav-toggle{display:inline-flex}.top-nav{position:absolute;top:calc(100% + var(--space-2));inset-inline-end:0;flex-direction:column;align-items:stretch;gap:var(--space-1);min-width:220px;padding:var(--space-2);border-radius:var(--radius-lg);background:#0a0d14f5;border:1px solid var(--glass-stroke);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 16px 40px #0000008c,inset 0 1px 0 var(--glass-inner-hi);z-index:200;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease),visibility 0s linear var(--duration)}.top-nav.is-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease),visibility 0s linear 0s}.top-nav-btn{flex-direction:row;justify-content:flex-start;width:100%;min-width:0;min-height:44px;padding:var(--space-2) var(--space-3);gap:var(--space-3)}.top-nav-btn span{display:inline;font-size:var(--text-sm)}.top-nav .lang-toggle{justify-content:flex-start}}@media(min-width:768px){.top-nav{gap:var(--space-2)}.top-nav-btn{font-size:var(--text-sm)}}.avatar-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1);min-height:44px;border-radius:var(--radius-full);transition:background var(--duration) var(--ease)}.avatar-button:hover{background:var(--glass-2)}.avatar-core{width:clamp(36px,4.5vw,44px);aspect-ratio:1;display:grid;place-items:center;border:1.5px solid var(--glass-stroke-strong);border-radius:50%;box-shadow:var(--shadow-sm)}.avatar-core span{width:50%;aspect-ratio:1;border-radius:50%;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 65%,transparent)}.panel,.stage-panel{position:relative;border:1px solid var(--glass-stroke);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0b,#ffffff03);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-inner-hi)}.panel{padding:var(--panel-pad);animation:rise-in .52s var(--ease) both}.panel:before,.stage-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(140% 80% at 50% -10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%);opacity:.55}.panel-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-block-end:var(--space-4);padding-block-end:var(--space-3);border-block-end:1px solid var(--glass-stroke);color:var(--color-heading-accent);font-size:var(--text-sm);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.panel-heading>span{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.cell-list{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media(min-width:1280px){.cell-list{grid-template-columns:1fr}}.cell-row{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 28px;align-items:center;gap:var(--space-3);width:100%;min-height:72px;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);text-align:start;background:#ffffff06;color:var(--color-text);transition:transform var(--duration) var(--ease),border-color var(--duration) var(--ease),background var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.cell-row:hover{transform:translateY(-1px);border-color:var(--glass-stroke-strong);background:var(--glass-2)}.cell-row.is-active{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:linear-gradient(180deg,var(--accent-soft),rgba(255,255,255,.02));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent),0 10px 26px color-mix(in srgb,var(--accent) 18%,transparent)}.cell-row-copy{display:grid;gap:2px;min-width:0}.cell-row-copy strong{overflow:hidden;font-family:var(--font-serif);font-size:var(--text-base);font-weight:600;line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.cell-row-copy span{overflow:hidden;color:var(--color-text-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.favorite-dot{display:grid;place-items:center;width:28px;height:28px;margin-inline-start:auto;color:var(--color-text-subtle);opacity:.7;transition:color var(--duration) var(--ease),transform var(--duration) var(--ease)}.favorite-dot:hover{transform:scale(1.12);color:var(--neon-rose)}.favorite-dot.is-on{color:var(--neon-rose);opacity:1;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--neon-rose) 55%,transparent))}.organelle-search{position:relative;display:flex;align-items:center;gap:var(--space-2);margin-block-end:var(--space-3);padding:0 var(--space-3);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:#ffffff06;transition:border-color var(--duration) var(--ease)}.organelle-search:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.organelle-search svg{color:var(--color-text-subtle);flex:0 0 auto}.organelle-search input{flex:1;min-width:0;min-height:40px;border:0;background:transparent;color:var(--color-text);font-size:var(--text-sm);outline:none}.organelle-search input::placeholder{color:var(--color-text-subtle)}.mini-cell{position:relative;display:block;width:54px;aspect-ratio:1;flex:0 0 auto;border-radius:var(--radius-md);background:#ffffff0a;box-shadow:inset 0 0 0 1px var(--glass-stroke);overflow:hidden}.mini-cell.has-preview{background:radial-gradient(circle at 36% 22%,rgba(255,255,255,.12),transparent 45%),radial-gradient(circle at 60% 60%,color-mix(in srgb,var(--thumb) 30%,transparent),transparent 60%),#0d1220;box-shadow:inset 0 0 0 1px var(--glass-stroke),0 4px 12px #0006}.mini-cell.has-preview img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);filter:brightness(1.05) saturate(1.1)}.mini-cell span,.mini-cell i,.mini-cell b{position:absolute;display:block;background:var(--thumb)}.mini-cell span{inset:12px;border-radius:50%;opacity:.85;box-shadow:0 0 12px color-mix(in srgb,var(--thumb) 55%,transparent)}.mini-cell i{width:18px;height:18px;inset-inline-start:25px;inset-block-start:12px;border-radius:50%;opacity:.5}.mini-cell b{width:24px;height:8px;inset-inline-start:15px;inset-block-end:13px;border-radius:var(--radius-full);opacity:.6}.mini-cell-plant span{border-radius:32% 46% 42% 34%}.mini-cell-bacteria span,.mini-cell-muscle span{inset:20px 8px;border-radius:var(--radius-full)}.mini-cell-neuron i,.mini-cell-neuron b{height:3px;transform:rotate(-30deg)}.organelle-list{display:grid;gap:var(--space-2)}.organelle-row{display:flex;align-items:center;width:100%;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);text-align:start;color:var(--color-text-muted);transition:background var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.organelle-row:hover{background:var(--glass-2);color:var(--color-text);transform:translate(-2px)}html[dir=rtl] .organelle-row:hover{transform:translate(2px)}.organelle-row.is-active{background:linear-gradient(90deg,var(--accent-soft),transparent 80%);border-color:color-mix(in srgb,var(--accent) 38%,transparent);color:var(--color-text)}.color-dot{width:12px;aspect-ratio:1;flex:0 0 auto;border-radius:50%;box-shadow:0 0 0 3px #ffffff0a,0 0 10px currentColor}.stage-panel{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-4);padding:var(--panel-pad);min-height:clamp(520px,70svh,820px);overflow:hidden;animation:scale-in .56s var(--ease) both}.stage-title{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:var(--space-4);position:relative;z-index:1}@media(min-width:768px){.stage-title{flex-direction:row;align-items:flex-start}}.stage-title h2{margin:0;font-family:var(--font-serif);font-size:clamp(1.6rem,4vw,2.8rem);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.02em;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--accent) 50%,#ffffff));-webkit-background-clip:text;background-clip:text;color:transparent}.stage-title p{margin-block-start:var(--space-2);color:var(--color-text-muted);font-family:var(--font-sans);font-size:clamp(.85rem,1.2vw,1rem);font-weight:500;letter-spacing:.01em}.view-card{display:grid;width:100%;max-width:320px;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:var(--glass-2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--glass-inner-hi)}@media(min-width:768px){.view-card{width:clamp(220px,30%,300px)}}.view-card>span{color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.mode-switcher{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.mode-switcher button{display:grid;place-items:center;min-height:44px;color:var(--color-text-muted);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:#ffffff06;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease),color var(--duration) var(--ease),transform var(--duration) var(--ease)}.mode-switcher button:hover{transform:translateY(-1px);color:var(--color-text);background:var(--glass-3)}.mode-switcher button.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--accent-soft);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 28%,transparent)}.toggle-line{display:grid;grid-template-columns:minmax(0,1fr) 52px;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.toggle-line input{width:0;height:0;opacity:0;position:absolute}.toggle-line i{position:relative;display:block;grid-column:2;width:52px;height:28px;border-radius:var(--radius-full);background:#ffffff14;border:1px solid var(--glass-stroke);transition:background var(--duration) var(--ease)}.toggle-line i:after{position:absolute;inset-block-start:3px;inset-inline-start:3px;width:20px;height:20px;content:"";border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000080;transition:transform var(--duration) var(--ease)}.toggle-line input:checked+i{background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 50%,transparent)}.toggle-line input:checked+i:after{transform:translate(24px)}html[dir=rtl] .toggle-line input:checked+i:after{transform:translate(-24px)}.canvas-wrap{position:relative;min-height:clamp(280px,50svh,540px);border-radius:var(--radius-md);overflow:hidden;background:radial-gradient(60% 60% at 50% 50%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),linear-gradient(180deg,#0a0d18,#04060b);box-shadow:inset 0 0 0 1px var(--glass-stroke),inset 0 80px 80px -40px #0009}.canvas-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,#000 30%,transparent 75%);mask-image:radial-gradient(circle at center,#000 30%,transparent 75%);opacity:.55}.canvas-wrap:after{content:attr(data-cell);position:absolute;inset-block-end:var(--space-3);inset-inline-start:var(--space-4);font-family:var(--font-serif);font-size:clamp(.7rem,1.1vw,.85rem);color:#ffffff40;letter-spacing:.18em;text-transform:uppercase;pointer-events:none;z-index:1}.cell-canvas{width:100%!important;height:100%!important;cursor:grab}.cell-illustration{display:grid;place-items:center;width:100%;height:100%;padding:var(--space-4);animation:rise-in .42s var(--ease) both}.cell-illustration img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.5)) brightness(1.08);pointer-events:none;-webkit-user-select:none;user-select:none}.cell-illustration[data-aspect=wide] img,.cell-illustration[data-aspect=landscape] img{width:100%;max-width:min(680px,100%)}.cell-illustration[data-aspect=square] img{width:100%;max-width:min(540px,100%)}.cell-canvas.is-native-asset{filter:brightness(1.02) saturate(1.08) contrast(1.04)}.cell-canvas:active{cursor:grabbing}.stage-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;align-items:stretch;position:relative;z-index:1}.stage-toolbar,.export-toolbar{display:flex;align-items:center;gap:0;flex-wrap:wrap;overflow:hidden;border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:var(--glass-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--glass-inner-hi)}.stage-toolbar{flex:1 1 320px}.export-toolbar{flex:0 1 auto}.stage-toolbar button,.export-toolbar button{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:44px;gap:var(--space-2);padding:0 var(--space-3);color:var(--color-text-muted);border-inline-end:1px solid var(--glass-stroke);font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.stage-toolbar button:last-child,.export-toolbar button:last-child{border-inline-end:0}.stage-toolbar button:hover,.export-toolbar button:hover{color:var(--color-text);background:var(--glass-3)}.stage-toolbar button.is-active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.model-loader{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:var(--space-3);pointer-events:none;animation:fade-in .22s var(--ease) both}.model-loader>div{display:grid;width:min(320px,100%);box-sizing:border-box;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--glass-stroke);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0f,#ffffff05),#080b16d1;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--glass-inner-hi);color:var(--color-text);text-align:start}.model-loader>div>*{min-width:0;max-width:100%}.model-loader i{width:100%}.model-loader small{display:block;margin-block-start:var(--space-1);opacity:.75}.model-loader span,.model-loader em{color:var(--color-text-muted);font-size:var(--text-sm);font-style:normal}.model-loader strong{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);color:var(--color-text)}.model-loader i{position:relative;display:block;height:6px;overflow:hidden;border-radius:var(--radius-full);background:#ffffff0f}.model-loader b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--neon-cyan));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 60%,transparent);transition:width var(--duration) var(--ease)}.dna-loader{position:relative;display:block;width:56px;height:56px;margin-block-end:var(--space-1);flex:0 0 auto}.dna-loader span{position:absolute;inset-inline-start:50%;inset-block-start:50%;width:7px;height:7px;margin-inline-start:-3.5px;margin-block-start:-3.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 70%,transparent);animation:dna-spin 1.6s linear infinite}.dna-loader span:nth-child(1){animation-delay:0s;background:var(--accent)}.dna-loader span:nth-child(2){animation-delay:-.2s;background:var(--neon-cyan)}.dna-loader span:nth-child(3){animation-delay:-.4s;background:var(--neon-amethyst)}.dna-loader span:nth-child(4){animation-delay:-.6s;background:var(--neon-rose)}.dna-loader span:nth-child(5){animation-delay:-.8s;background:var(--neon-emerald)}.dna-loader span:nth-child(6){animation-delay:-1s;background:var(--neon-amber)}.dna-loader span:nth-child(7){animation-delay:-1.2s;background:var(--accent)}.dna-loader span:nth-child(8){animation-delay:-1.4s;background:var(--neon-cyan)}@keyframes dna-spin{0%{transform:rotate(0) translate(16px) scale(.6);opacity:.4}25%{transform:rotate(90deg) translate(16px) scale(1.1);opacity:1}50%{transform:rotate(180deg) translate(16px) scale(.6);opacity:.4}75%{transform:rotate(270deg) translate(16px) scale(1.1);opacity:1}to{transform:rotate(360deg) translate(16px) scale(.6);opacity:.4}}html[dir=rtl] .model-loader i{transform:scaleX(-1)}.detail-heading button{display:grid;place-items:center;width:40px;aspect-ratio:1;color:var(--color-text-muted);border-radius:var(--radius-full);transition:background var(--duration) var(--ease),color var(--duration) var(--ease)}.detail-heading button:hover{background:var(--glass-2);color:var(--neon-rose)}.detail-hero{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--space-4);margin-block-end:var(--space-5)}.organelle-orb{position:relative;display:block;width:72px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.42),transparent 50%),var(--orb-color, currentColor);box-shadow:inset -10px -14px #00000052,inset 8px 8px #ffffff2e,0 8px 24px color-mix(in srgb,currentColor 60%,transparent)}.organelle-orb:after{content:"";position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,currentColor 40%,transparent),transparent 70%);filter:blur(10px);z-index:-1;opacity:.6;animation:pulse-glow 5s ease-in-out infinite}.detail-hero h3{margin:0;overflow-wrap:anywhere;font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);color:var(--color-text)}.detail-hero p{margin-block-start:var(--space-2);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-base)}.attribute-list{display:grid;gap:var(--space-3);margin:0}.attribute-list>div{display:grid;grid-template-columns:minmax(88px,.8fr) minmax(0,1.2fr);align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--glass-stroke)}.attribute-list>div:last-child{border-block-end:0}.attribute-list dt{color:var(--color-text-subtle);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500}.attribute-list dd{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500}.mini-toggle{position:relative;display:block;width:46px;height:24px;border-radius:var(--radius-full);background:#ffffff14;border:1px solid var(--glass-stroke)}.mini-toggle.is-on{background:var(--accent);border-color:transparent;box-shadow:0 0 10px color-mix(in srgb,var(--accent) 60%,transparent)}.mini-toggle:after{position:absolute;inset-block-start:2px;inset-inline-end:2px;width:18px;height:18px;content:"";border-radius:50%;background:#fff}.detail-dot{width:14px;aspect-ratio:1;border-radius:50%;box-shadow:0 0 10px currentColor}.notes-panel p,.occurrence-panel p{margin:0;color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.fun-fact{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-start:var(--space-4);padding:var(--space-3);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-soft),transparent 60%),#ffffff05;color:var(--color-heading-accent);font-size:var(--text-sm);font-weight:500;line-height:var(--leading-snug)}.fun-fact svg{color:var(--accent)}.learning-panel{display:grid;gap:var(--space-4)}.mastery-meter{display:grid;gap:var(--space-2)}.mastery-meter>div{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm)}.mastery-meter strong{margin-inline-start:auto;font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;color:var(--accent)}.mastery-meter i{position:relative;display:block;height:8px;overflow:hidden;border-radius:var(--radius-full);background:#ffffff0f}.mastery-meter b{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--neon-cyan));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent);transition:width var(--duration-lg) var(--ease)}.mastery-meter small{color:var(--color-text-subtle);font-size:var(--text-xs);line-height:var(--leading-snug)}html[dir=rtl] .mastery-meter i{transform:scaleX(-1)}.lesson-focus,.tutor-prompt{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:#ffffff06}.lesson-focus>span,.tutor-prompt>span{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-heading-accent);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.lesson-focus p,.tutor-prompt p{margin:0;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-normal)}.lesson-focus strong{color:var(--accent)}.prompt-list{display:grid;gap:var(--space-2)}.prompt-list button{padding:var(--space-3);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:#ffffff05;color:var(--color-text-muted);text-align:start;font-size:var(--text-sm);line-height:var(--leading-snug);transition:color var(--duration) var(--ease),background var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.prompt-list button:hover{transform:translateY(-1px);color:var(--color-text);background:var(--glass-2);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.occurrence-art{position:relative;height:140px;margin-block-end:var(--space-4);overflow:hidden;border-radius:var(--radius-md);background:radial-gradient(circle at 78% 45%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 35%),radial-gradient(circle at 30% 70%,color-mix(in srgb,var(--neon-amethyst) 25%,transparent),transparent 40%),linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid var(--glass-stroke)}.occurrence-art span,.occurrence-art i,.occurrence-art b{position:absolute;display:block;border-radius:50%;background:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 55%,transparent)}.occurrence-art span{inset-inline-start:22px;inset-block-end:18px;width:82px;height:82px;opacity:.7}.occurrence-art i{inset-inline-end:24px;inset-block-start:28px;width:70px;height:70px;opacity:.5}.occurrence-art b{inset-inline-start:98px;inset-block-start:30px;width:120px;height:2px;border-radius:0;opacity:.5;transform:rotate(-15deg);box-shadow:0 0 10px currentColor}.occurrence-panel h4{margin:0 0 var(--space-2);font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.bottom-grid{display:grid;gap:var(--grid-gap);grid-template-columns:1fr}@media(min-width:768px){.bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}}.micro-card-row{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.micro-card{display:grid;grid-template-rows:auto auto;gap:var(--space-2);min-width:0;padding:var(--space-2);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:#ffffff06;color:var(--color-text);text-align:start;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.micro-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:var(--shadow-md)}.micro-card span{display:block;aspect-ratio:4 / 3;min-height:96px;border-radius:var(--radius-sm);background:radial-gradient(circle at 20% 30%,var(--micro),transparent 18%),radial-gradient(circle at 72% 40%,color-mix(in srgb,var(--micro) 70%,#ffffff),transparent 22%),radial-gradient(circle at 50% 80%,color-mix(in srgb,var(--micro) 80%,#6a4e78),transparent 24%),repeating-linear-gradient(45deg,#ffffff0a 0 10px,#0000000f 10px 18px),color-mix(in srgb,var(--micro) 30%,#0a0d18);box-shadow:inset 0 0 0 1px var(--glass-stroke)}.micro-card strong{overflow:hidden;color:var(--color-text);font-size:var(--text-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.add-card{place-items:center;text-align:center;color:var(--color-text-subtle);border-style:dashed}.add-card svg{margin-block-start:var(--space-6);color:var(--accent)}.compare-row{display:grid;grid-template-columns:1fr;align-items:center;gap:var(--space-3);margin-block-end:var(--space-3)}@media(min-width:480px){.compare-row{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}}.compare-row>div{display:flex;align-items:center;min-width:0;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:#ffffff06}.compare-row>div>span{display:grid;min-width:0;gap:var(--space-1)}.compare-row strong{overflow:hidden;font-family:var(--font-serif);font-size:var(--text-base);font-weight:600;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap}.compare-row em{overflow:hidden;color:var(--color-text-muted);font-size:var(--text-xs);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.compare-row>b{display:grid;place-items:center;justify-self:center;width:48px;aspect-ratio:1;color:#fff;font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--neon-amethyst));box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 38%,transparent)}.comparison-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;gap:var(--space-2);color:var(--color-text);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.02));font-size:var(--text-sm);font-weight:600;transition:color var(--duration) var(--ease),background var(--duration) var(--ease),transform var(--duration) var(--ease)}.comparison-button:hover{transform:translateY(-1px);color:var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,transparent),#ffffff0a);box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 22%,transparent)}.modal-layer{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:var(--space-4);background:var(--color-overlay-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:auto;animation:fade-in .22s var(--ease) both}.comparison-modal{position:relative;width:min(960px,100%);max-height:calc(100svh - var(--space-7));padding:var(--space-6);border:1px solid var(--glass-stroke);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0d,#ffffff03),#0d1220f2;-webkit-backdrop-filter:blur(28px) saturate(140%);backdrop-filter:blur(28px) saturate(140%);box-shadow:var(--shadow-overlay),inset 0 1px 0 var(--glass-inner-hi);overflow:auto;animation:scale-in .26s var(--ease-spring) both}.modal-close{position:absolute;inset-block-start:var(--space-4);inset-inline-end:var(--space-4);min-height:40px;padding:0 var(--space-4);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:var(--glass-2);color:var(--color-text);font-size:var(--text-sm);font-weight:600;transition:background var(--duration) var(--ease)}.modal-close:hover{background:var(--glass-3)}.comparison-modal-head{padding-inline-end:96px;margin-block-end:var(--space-5)}.comparison-modal-head h3{margin:0;font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--accent) 55%,#ffffff));-webkit-background-clip:text;background-clip:text;color:transparent}.comparison-modal-head p{margin-block-start:var(--space-2);color:var(--color-text-muted)}.comparison-split{position:relative;height:clamp(260px,50vh,440px);margin-block-end:var(--space-5);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(180deg,#0a0d18,#04060b);-webkit-user-select:none;user-select:none;touch-action:none}.comparison-side{position:absolute;inset:0;display:grid;place-items:center;padding:var(--space-5)}.comparison-side.is-left{background:radial-gradient(circle at 30% 50%,color-mix(in srgb,var(--accent-a) 22%,transparent),transparent 65%)}.comparison-side.is-right{background:radial-gradient(circle at 70% 50%,color-mix(in srgb,var(--accent-b) 22%,transparent),transparent 65%);clip-path:inset(0 0 0 var(--split, 50%))}html[dir=rtl] .comparison-side.is-right{clip-path:inset(0 var(--split, 50%) 0 0)}.comparison-side .mini-cell{width:clamp(80px,14vw,140px)}.comparison-side h4{margin:var(--space-4) 0 var(--space-1);font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;color:var(--color-text);text-align:center}.comparison-side p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.comparison-divider{position:absolute;inset-block:0;inset-inline-start:var(--split, 50%);width:2px;background:linear-gradient(180deg,transparent,var(--accent) 20%,var(--neon-amethyst) 80%,transparent);box-shadow:0 0 16px var(--accent);pointer-events:none;z-index:2;transform:translate(-1px)}html[dir=rtl] .comparison-divider{transform:translate(1px)}.comparison-handle{position:absolute;inset-block-start:50%;inset-inline-start:var(--split, 50%);width:44px;height:44px;margin-inline-start:-22px;margin-block-start:-22px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--accent);background:#0d1220d9;color:var(--accent);cursor:ew-resize;z-index:3;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 55%,transparent);transition:transform var(--duration) var(--ease)}.comparison-handle:hover{transform:scale(1.08)}.comparison-columns{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:600px){.comparison-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.comparison-columns section{padding:var(--space-4);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:#ffffff06;text-align:start}.comparison-columns h4{margin:var(--space-3) 0 var(--space-1);font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text)}.comparison-columns p{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.comparison-columns dl{display:grid;gap:var(--space-2);margin:0}.comparison-columns dt{color:var(--color-text-subtle);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.comparison-columns dd{margin:2px 0 0;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm)}.microscope-modal{position:relative;width:min(640px,100%);max-height:calc(100svh - var(--space-7));padding:var(--space-6);border:1px solid var(--glass-stroke);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff0d,#ffffff03),#0d1220f2;-webkit-backdrop-filter:blur(28px) saturate(140%);backdrop-filter:blur(28px) saturate(140%);box-shadow:var(--shadow-overlay),inset 0 1px 0 var(--glass-inner-hi);overflow:auto;animation:scale-in .26s var(--ease-spring) both}.microscope-modal-head{padding-inline-end:96px;margin-block-end:var(--space-4)}.microscope-modal-head h3{margin:0;font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--accent) 55%,#ffffff));-webkit-background-clip:text;background-clip:text;color:transparent}.microscope-modal-head p{margin-block-start:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm)}.microscope-stage{position:relative;width:100%;aspect-ratio:4 / 3;margin-block-end:var(--space-4);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-stroke);background:#0006}.microscope-stage span{display:block;position:absolute;inset:0;background:radial-gradient(circle at 22% 28%,var(--micro),transparent 22%),radial-gradient(circle at 70% 38%,color-mix(in srgb,var(--micro) 72%,#ffffff),transparent 26%),radial-gradient(circle at 48% 78%,color-mix(in srgb,var(--micro) 82%,#6a4e78),transparent 28%),radial-gradient(circle at 12% 76%,color-mix(in srgb,var(--micro) 60%,var(--neon-amethyst)),transparent 30%),repeating-linear-gradient(45deg,#ffffff0f 0 12px,#00000014 12px 22px),color-mix(in srgb,var(--micro) 35%,#060912);filter:saturate(1.15)}.microscope-stage:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at center,transparent 55%,rgba(0,0,0,.65) 100%)}.microscope-caption{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-snug)}.cell-dock{position:fixed;z-index:30;inset-inline:0;inset-block-end:calc(env(safe-area-inset-bottom) + var(--space-3));display:flex;justify-content:center;pointer-events:none;padding:0 var(--space-3);animation:rise-in .64s var(--ease-spring) both .2s}@media(min-width:1280px){.cell-dock{display:none}}.cell-dock-inner{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--glass-stroke);border-radius:var(--radius-full);background:#0d1220b3;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--glass-inner-hi);pointer-events:auto;overflow-x:auto;scrollbar-width:none;max-width:100%}.cell-dock-inner::-webkit-scrollbar{display:none}.cell-dock-btn{position:relative;display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:50%;background:transparent;color:var(--color-text-muted);transition:background var(--duration) var(--ease),color var(--duration) var(--ease),transform var(--duration-lg) var(--ease-spring)}.cell-dock-btn:hover{background:var(--glass-2);color:var(--color-text);transform:translateY(-3px)}.cell-dock-btn.is-active{transform:translateY(-8px) scale(1.08);background:var(--accent-soft);color:var(--accent);box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 35%,transparent)}.cell-dock-btn .mini-cell{width:36px;border-radius:50%}.cell-dock-btn .dock-tip{position:absolute;inset-block-end:calc(100% + 6px);inset-inline-start:50%;transform:translate(-50%) translateY(4px);padding:4px 10px;border:1px solid var(--glass-stroke);border-radius:var(--radius-full);background:#0d1220eb;color:var(--color-text);font-size:var(--text-xs);font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration) var(--ease),transform var(--duration) var(--ease)}.cell-dock-btn:hover .dock-tip,.cell-dock-btn.is-active .dock-tip{opacity:1;transform:translate(-50%) translateY(0)}.toast{position:fixed;z-index:60;inset-inline-end:var(--space-5);inset-block-end:var(--space-5);max-width:360px;padding:var(--space-3) var(--space-4);border:1px solid var(--glass-stroke);border-radius:var(--radius-md);background:#0d1220eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:var(--text-sm);animation:rise-in .22s var(--ease) both}@media(max-width:768px){.toast{inset-block-end:calc(env(safe-area-inset-bottom) + 140px);inset-inline:var(--space-4);max-width:none}}.ad-slot{display:block;width:100%;margin-block:var(--space-4);min-height:90px;overflow:hidden}.ad-slot .adsbygoogle{display:block;min-height:90px}.ad-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:90px;padding:var(--space-3);border:1px dashed var(--glass-stroke);border-radius:var(--radius-md);background:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 8px,transparent 8px,transparent 16px),#ffffff04;color:var(--color-text-subtle);font-family:var(--font-sans);letter-spacing:.04em}.ad-placeholder span{font-size:var(--text-xs);text-transform:uppercase;font-weight:600}.ad-placeholder small{font-size:10px;opacity:.6;font-family:ui-monospace,SF Mono,Menlo,monospace}.ad-leaderboard{max-width:970px;margin:var(--space-3) auto var(--space-1);padding-inline:var(--space-4)}.ad-below-stage{margin-block:var(--space-4) var(--space-2)}.ad-slot-sidebarLeftBottom,.ad-slot-sidebarRightMiddle{margin-block:var(--space-3);min-height:240px}.ad-slot-sidebarLeftBottom .ad-placeholder,.ad-slot-sidebarRightMiddle .ad-placeholder{min-height:240px}.ad-in-article{margin-block:var(--space-4) var(--space-3);min-height:250px}.ad-in-article .adsbygoogle{min-height:250px}.ad-multiplex{margin:var(--space-7) auto 0;max-width:1180px;padding-inline:var(--space-6);min-height:320px}.ad-multiplex .adsbygoogle{min-height:320px}@media(max-width:720px){.ad-multiplex{padding-inline:var(--space-4)}}.ad-mobile-anchor{display:none}@media(max-width:768px){.ad-mobile-anchor{display:block;position:fixed;inset-inline:0;inset-block-end:0;z-index:40;margin:0;background:#0d1220f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-block-start:1px solid var(--glass-stroke);box-shadow:0 -6px 24px #0009;min-height:60px;padding-block-end:env(safe-area-inset-bottom)}.ad-mobile-anchor .ad-placeholder{min-height:60px;border:none;border-radius:0;background:transparent}.cell-dock{inset-block-end:calc(env(safe-area-inset-bottom) + 76px)}body{padding-block-end:64px}}.site-footer{margin-block-start:var(--space-7);padding:var(--space-6) var(--panel-pad) var(--space-4);background:linear-gradient(180deg,#ffffff05,#fff0);border-block-start:1px solid var(--glass-stroke);color:var(--color-text)}.footer-ad{max-width:970px;margin-inline:auto;margin-block-end:var(--space-5)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:1180px;margin-inline:auto}@media(min-width:768px){.footer-grid{grid-template-columns:1.4fr 2fr}}.footer-brand{display:flex;gap:var(--space-3)}.footer-brand strong{display:block;margin-block-end:var(--space-1);font-family:var(--font-serif);font-size:var(--text-lg);font-weight:700;color:var(--color-text)}.footer-brand p{margin-block-start:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.footer-orb{width:38px;aspect-ratio:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--glass-stroke);background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--accent) 50%,transparent),transparent 60%),linear-gradient(135deg,var(--neon-amber),var(--neon-rose));color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 30%,transparent)}.footer-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media(min-width:600px){.footer-nav{grid-template-columns:repeat(3,1fr)}}.footer-nav h4{margin:0 0 var(--space-2);color:var(--color-text-subtle);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.footer-nav ul{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.footer-nav a{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration) var(--ease)}.footer-nav a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);max-width:1180px;margin:var(--space-5) auto 0;padding-block-start:var(--space-3);border-block-start:1px solid var(--glass-stroke);color:var(--color-text-subtle);font-size:var(--text-xs)}.cookie-banner{position:fixed;inset-inline:var(--space-4);inset-block-end:var(--space-4);z-index:70;display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch;justify-content:space-between;max-width:720px;margin-inline:auto;padding:var(--space-4);background:#0d1220eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-stroke);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);color:var(--color-text)}@media(min-width:600px){.cookie-banner{flex-direction:row;align-items:center;gap:var(--space-5)}}@media(max-width:768px){.cookie-banner{inset-block-end:140px}}.cookie-banner-text{flex:1;min-width:0}.cookie-banner-text strong{display:block;margin-block-end:var(--space-1);font-family:var(--font-serif);font-size:var(--text-base)}.cookie-banner-text p{margin-block:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.cookie-banner-links{margin-block-start:var(--space-1)!important;font-size:var(--text-xs)!important}.cookie-banner-links a{text-decoration:underline;color:var(--accent)}.cookie-banner-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);flex-shrink:0}.cookie-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--glass-stroke);border-radius:var(--radius-full);background:transparent;color:var(--color-text);font-size:var(--text-sm);font-weight:600;transition:transform .12s ease,background .15s ease,color .15s ease}.cookie-btn:hover{transform:translateY(-1px)}.cookie-btn-primary{background:var(--accent);color:#04060b;border-color:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent)}.cookie-btn-secondary{background:var(--glass-2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body:before{animation:none}}html[dir=rtl] em,html[dir=rtl] small{unicode-bidi:plaintext}html[dir=rtl] .mastery-meter strong,html[dir=rtl] .model-loader em{unicode-bidi:plaintext;direction:ltr;display:inline-block}html[dir=rtl] .stage-toolbar button,html[dir=rtl] .export-toolbar button{flex-direction:row-reverse}html[dir=rtl] .mode-switcher{direction:ltr}