:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ui-font-scale:1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}body[data-ui-font-scale=small]{--ui-font-scale:1.05}body[data-ui-font-scale=medium]{--ui-font-scale:1.38}body[data-ui-font-scale=large]{--ui-font-scale:1.56}*,:before,:after{box-sizing:border-box}html,body,#root{color:#fff;background:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{position:relative}.canvas-host{z-index:0;position:absolute;inset:0}.ui-layer{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;padding:clamp(20px,4vw,48px);display:flex;position:absolute;inset:0}.ui-layer>*{pointer-events:auto}.ui-top{pointer-events:none;justify-content:center;max-width:100%;display:flex}.ui-top>*{pointer-events:auto;max-width:100%}.info-panel{-webkit-backdrop-filter:blur(16px)saturate(140%);background:linear-gradient(135deg,#140c2873,#0804188c);border:1px solid #ffffff14;border-radius:22px;max-width:min(380px,100vw - 2*clamp(20px,4vw,48px));max-height:calc(100vh - 2*clamp(20px,4vw,48px));padding:28px 32px;animation:.6s cubic-bezier(.16,1,.3,1) fadeUp;position:relative;overflow-y:auto;box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff0d}.info-panel__eyebrow{font-size:calc(11px * var(--ui-font-scale));text-transform:uppercase;letter-spacing:.22em;color:#b4c8ff8c;margin:0 0 12px}.info-panel__symbol{align-items:baseline;gap:14px;margin:0 0 6px;display:flex}.info-panel__symbol-letter{font-size:calc(64px * var(--ui-font-scale));letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#b8c8ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:200;line-height:1}.info-panel__symbol-letter--small{font-size:calc(42px * var(--ui-font-scale))}.info-panel__number{font-size:calc(13px * var(--ui-font-scale));color:#fff6;font-variant-numeric:tabular-nums}.info-panel__name{font-size:calc(22px * var(--ui-font-scale));letter-spacing:.01em;margin:0 0 16px;font-weight:300}.info-panel__config{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:calc(14px * var(--ui-font-scale));color:#7fb8ff;letter-spacing:.02em;margin:0 0 16px}.info-panel__desc{font-size:calc(14px * var(--ui-font-scale));color:#ffffffa6;margin:0;font-weight:300;line-height:1.55}.switcher{align-self:center;gap:12px;display:flex}.switcher__btn{color:#ffffffb3;font-size:calc(14px * var(--ui-font-scale));letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(14px);background:#0f0a1e8c;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:88px;padding:14px 22px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.switcher__btn:hover{color:#fff;border-color:#b4c8ff66;transform:translateY(-2px);box-shadow:0 10px 30px #7850dc40}.switcher__btn--active{color:#fff;background:linear-gradient(135deg,#503cb466,#28145a66);border-color:#b4c8ffcc;box-shadow:0 10px 40px #7850dc66,inset 0 1px #ffffff1a}.switcher__btn-symbol{font-size:calc(22px * var(--ui-font-scale));letter-spacing:-.02em;font-weight:300}.switcher__btn-name{font-size:calc(10px * var(--ui-font-scale));text-transform:uppercase;letter-spacing:.18em;opacity:.7}.brand{font-size:calc(12px * var(--ui-font-scale));letter-spacing:.4em;text-transform:uppercase;color:#ffffff59;pointer-events:none;position:absolute;top:clamp(20px,4vw,48px);right:clamp(20px,4vw,48px)}.hint{font-size:calc(11px * var(--ui-font-scale));letter-spacing:.18em;text-transform:uppercase;color:#ffffff4d;pointer-events:none;text-align:right;line-height:1.8;position:absolute;bottom:clamp(20px,4vw,48px);right:clamp(20px,4vw,48px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scene-switcher-groups{flex-direction:column;align-items:center;gap:8px;max-width:100%;display:flex}.scene-switcher-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:100%;display:flex}.scene-switcher-group__label{font-size:calc(10px * var(--ui-font-scale));letter-spacing:.28em;text-transform:uppercase;color:#ffffff73;text-align:right;min-width:88px}.scene-switcher{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#0c081c8c;border:1px solid #ffffff14;border-radius:24px;flex-wrap:wrap;justify-content:center;gap:4px;max-width:100%;padding:6px;display:flex;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d}.scene-switcher__btn{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:999px;flex-direction:column;align-items:center;gap:2px;min-width:92px;padding:10px 18px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.scene-switcher__btn:hover{color:#fff;background:#ffffff0d}.scene-switcher__btn--active{color:#fff;background:linear-gradient(135deg,#7850dc8c,#3c1e828c);box-shadow:0 6px 22px #7850dc59,inset 0 1px #ffffff1f}.scene-switcher__label{font-size:calc(13px * var(--ui-font-scale));letter-spacing:.05em;font-weight:400}.scene-switcher__sub{font-size:calc(9px * var(--ui-font-scale));letter-spacing:.22em;text-transform:uppercase;opacity:.55}.ionic-controls{flex-direction:column;align-self:center;align-items:center;gap:14px;display:flex}.ionic-progress{-webkit-backdrop-filter:blur(10px);background:#0a061a73;border:1px solid #ffffff0f;border-radius:999px;gap:10px;padding:8px 16px;display:flex}.ionic-progress__dot{background:#ffffff1f;border-radius:50%;width:8px;height:8px;transition:background .25s,transform .25s,box-shadow .25s;display:block}.ionic-progress__dot--filled{background:#b4c8ffd9}.ionic-progress__dot--current{background:#fff;transform:scale(1.35);box-shadow:0 0 18px #b4c8ffe6}.ionic-controls__buttons{gap:10px;display:flex}.ionic-btn{color:#ffffffd9;font-size:calc(12px * var(--ui-font-scale));letter-spacing:.18em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(14px);background:#0f0a1e8c;border:1px solid #ffffff1f;border-radius:999px;padding:12px 26px;transition:all .25s cubic-bezier(.16,1,.3,1)}.ionic-btn:hover{color:#fff;border-color:#b4c8ff8c;transform:translateY(-2px);box-shadow:0 10px 30px #7850dc4d}.covalent-controls{flex-direction:column;align-self:center;align-items:center;gap:12px;display:flex}.replay-btn{color:#dce6ffd9;font-size:calc(12px * var(--ui-font-scale));letter-spacing:.16em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(14px);background:#0f0a1e8c;border:1px solid #b4c8ff40;border-radius:999px;padding:8px 18px;transition:all .2s cubic-bezier(.16,1,.3,1)}.replay-btn:hover{color:#fff;border-color:#b4c8ff99;transform:translateY(-1px);box-shadow:0 8px 22px #7850dc4d}.back-btn{color:#ffffffd9;font-size:calc(13px * var(--ui-font-scale));letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(14px);pointer-events:auto;z-index:25;background:#0f0a1e8c;border:1px solid #ffffff1a;border-radius:12px;padding:11px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);position:absolute;top:clamp(20px,4vw,40px);left:clamp(20px,4vw,40px)}.back-btn:hover{background:#2819508c;border-color:#b4c8ff80;transform:translate(-3px)}.info-panel--detail{margin:0;position:absolute;bottom:clamp(20px,4vw,48px);left:clamp(20px,4vw,48px)}.info-panel__shells{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:calc(11px * var(--ui-font-scale));letter-spacing:.08em;color:#ffffff73;margin:0 0 14px}.legend{-webkit-backdrop-filter:blur(16px)saturate(140%);pointer-events:auto;z-index:15;background:linear-gradient(135deg,#140c2880,#0804188c);border:1px solid #ffffff14;border-radius:18px;min-width:200px;max-width:calc(100vw - 2*clamp(20px,4vw,40px));max-height:calc(100vh - 2*clamp(20px,4vw,40px));padding:18px 20px;position:absolute;bottom:clamp(20px,4vw,40px);left:clamp(20px,4vw,40px);overflow-y:auto}.legend__title{font-size:calc(10px * var(--ui-font-scale));letter-spacing:.22em;text-transform:uppercase;color:#b4c8ff8c;margin:0 0 12px}.legend__list{flex-direction:column;gap:4px;display:flex}.legend__item{color:#ffffffa6;font-size:calc(12px * var(--ui-font-scale));letter-spacing:.04em;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;transition:all .15s;display:flex}.legend__item:hover{color:#fff;background:#ffffff0d}.legend__item--active{color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1f}.legend__swatch{border-radius:4px;width:14px;height:14px;display:inline-block;box-shadow:0 0 12px}.legend__swatch--ring{background:0 0;border:2px solid #b8c8ff;box-shadow:0 0 12px #b8c8ffb3}.legend__item--special{border-top:1px solid #ffffff14;margin-top:6px;padding-top:10px}.hover-card{-webkit-backdrop-filter:blur(14px);pointer-events:none;z-index:12;font-size:calc(13px * var(--ui-font-scale));color:#ffffffd9;background:#0a06168c;border:1px solid #ffffff14;border-radius:999px;align-items:baseline;gap:14px;padding:12px 22px;display:flex;position:absolute;bottom:clamp(20px,4vw,40px);left:50%;transform:translate(-50%)}.hover-card__symbol{font-size:calc(22px * var(--ui-font-scale));letter-spacing:-.02em;font-weight:300}.hover-card__name{font-weight:400}.hover-card__num{color:#fff6;font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:calc(11px * var(--ui-font-scale))}.hover-card--hint{color:#fff6;font-size:calc(11px * var(--ui-font-scale));letter-spacing:.18em;text-transform:uppercase}.atoms-mode{-webkit-backdrop-filter:blur(18px)saturate(140%);z-index:14;background:#0c081c8c;border:1px solid #ffffff14;border-radius:999px;gap:4px;padding:5px;display:inline-flex;position:absolute;top:clamp(20px,4vw,40px);right:clamp(20px,4vw,40px);box-shadow:0 16px 50px #00000073,inset 0 1px #ffffff0d}.atoms-mode__btn{color:#fff9;cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;align-items:center;gap:1px;min-width:92px;padding:8px 16px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.atoms-mode__btn:hover{color:#fff;background:#ffffff0a}.atoms-mode__btn--active{color:#fff;background:linear-gradient(135deg,#7850dc8c,#3c1e828c);box-shadow:0 6px 22px #7850dc59,inset 0 1px #ffffff1f}.atoms-mode__label{font-size:calc(12px * var(--ui-font-scale));letter-spacing:.04em;font-weight:400}.atoms-mode__sub{font-size:calc(8.5px * var(--ui-font-scale));letter-spacing:.22em;text-transform:uppercase;opacity:.55}.atoms-view{-webkit-backdrop-filter:blur(18px)saturate(140%);z-index:14;background:#0c081c8c;border:1px solid #ffffff14;border-radius:999px;gap:4px;padding:4px;display:inline-flex;position:absolute;top:calc(clamp(20px,4vw,40px) + 70px);right:clamp(20px,4vw,40px);box-shadow:0 12px 36px #0006,inset 0 1px #ffffff0d}.atoms-view__btn{color:#ffffff8c;cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;align-items:center;gap:1px;min-width:80px;padding:7px 14px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.atoms-view__btn:hover{color:#fff;background:#ffffff0a}.atoms-view__btn--active{color:#fff;background:linear-gradient(135deg,#3c8cdc8c,#1e46968c);box-shadow:0 6px 20px #3c8cdc59,inset 0 1px #ffffff1f}.atoms-view__label{font-size:calc(11px * var(--ui-font-scale));letter-spacing:.04em;font-weight:400}.atoms-view__sub{font-size:calc(8px * var(--ui-font-scale));letter-spacing:.22em;text-transform:uppercase;opacity:.55}.particle-card{-webkit-backdrop-filter:blur(20px)saturate(150%);z-index:12;background:linear-gradient(135deg,#140c288c,#080418a6);border:1px solid #ffffff14;border-radius:22px;max-width:min(360px,100vw - 2*clamp(20px,4vw,48px));max-height:calc(100vh - 2*clamp(20px,4vw,48px));padding:28px 30px 24px;animation:.5s cubic-bezier(.16,1,.3,1) slideInRight;position:absolute;top:50%;right:clamp(20px,4vw,48px);overflow-y:auto;transform:translateY(-50%);box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff0d}@keyframes slideInRight{0%{opacity:0;transform:translate(40px,-50%)}to{opacity:1;transform:translateY(-50%)}}.particle-card__close{color:#fff6;width:28px;height:28px;font-size:calc(22px * var(--ui-font-scale));cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;line-height:1;transition:all .18s;display:flex;position:absolute;top:12px;right:14px}.particle-card__close:hover{color:#fff;background:#ffffff14}.particle-card__eyebrow{font-size:calc(10px * var(--ui-font-scale));text-transform:uppercase;letter-spacing:.24em;color:#b4c8ff8c;margin:0 0 14px}.particle-card__header{align-items:center;gap:16px;margin-bottom:22px;display:flex}.particle-card__bead{border-radius:50%;flex-shrink:0;width:56px;height:56px;position:relative}.particle-card__name{font-size:calc(28px * var(--ui-font-scale));letter-spacing:.005em;background:linear-gradient(135deg,#fff 0%,#d0d8ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 2px;font-weight:300}.particle-card__tagline{font-size:calc(12px * var(--ui-font-scale));color:#b4c8ffb3;letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:400}.particle-card__stats{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;grid-template-columns:1fr 1fr;gap:14px 18px;margin-bottom:20px;padding:16px 0;display:grid}.particle-card__stat{flex-direction:column;gap:2px;display:flex}.particle-card__stat-label{font-size:calc(9.5px * var(--ui-font-scale));letter-spacing:.22em;text-transform:uppercase;color:#b4c8ff73}.particle-card__stat-value{font-size:calc(16px * var(--ui-font-scale));color:#ffffffeb;letter-spacing:.01em;font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-weight:400}.particle-card__charge--pos{color:#ff8aa0}.particle-card__charge--neg{color:#7fdcff}.particle-card__charge--zero{color:#b8c8ff}.particle-card__desc{font-size:calc(13.5px * var(--ui-font-scale));color:#ffffffb8;margin:0 0 18px;font-weight:300;line-height:1.6}.particle-card__fact{background:#7850dc1f;border-left:2px solid #b4c8ff8c;border-radius:6px;flex-direction:column;gap:4px;margin-bottom:14px;padding:12px 14px;display:flex}.particle-card__fact-label{font-size:calc(9.5px * var(--ui-font-scale));letter-spacing:.24em;text-transform:uppercase;color:#b4c8ffb3}.particle-card__fact-body{font-size:calc(12.5px * var(--ui-font-scale));color:#ffffffd9;line-height:1.5}.particle-card__discovered{font-size:calc(10.5px * var(--ui-font-scale));letter-spacing:.18em;text-transform:uppercase;color:#ffffff4d;text-align:right;margin:0}.particle-hint{-webkit-backdrop-filter:blur(14px);pointer-events:none;z-index:11;font-size:calc(12.5px * var(--ui-font-scale));color:#ffffffd9;letter-spacing:.02em;background:#0a06168c;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;padding:9px 18px;animation:.3s ease-out fadeUp;display:flex;position:absolute;bottom:clamp(120px,12vh,160px);left:50%;transform:translate(-50%)}.particle-hint--idle{color:#ffffff73;font-size:calc(10.5px * var(--ui-font-scale));letter-spacing:.22em;text-transform:uppercase}.particle-hint__bead{border-radius:50%;width:10px;height:10px;display:inline-block}.particle-hint__bead--proton{background:#f56;box-shadow:0 0 10px #ff7090}.particle-hint__bead--neutron{background:#5e8cff;box-shadow:0 0 10px #80a8ff}.particle-hint__bead--electron{background:#bef0ff;box-shadow:0 0 10px #7fdcff}.particle-hint__text strong{color:#fff;font-weight:500}.assembly-controls{flex-direction:column;align-self:center;align-items:center;gap:12px;display:flex}.assembly-controls__caption{font-size:calc(12px * var(--ui-font-scale));letter-spacing:.12em;color:#ffffff73;text-align:center;max-width:460px;margin:0}.slider-row{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#0c081c99;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:16px;min-width:min(360px,100%);max-width:100%;padding:12px 22px;display:flex}.slider-row__label{font-size:calc(11px * var(--ui-font-scale));letter-spacing:.22em;text-transform:uppercase;color:#b4c8ffb3;white-space:nowrap}.slider-row__input{appearance:none;cursor:pointer;background:linear-gradient(90deg,#78c8ffcc 0%,#b478ffcc 100%);border-radius:999px;outline:none;flex:1;height:4px}.slider-row__input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:2px solid #7850dccc;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 0 14px #b4c8ffcc,0 4px 12px #0006}.slider-row__input::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-row__input::-moz-range-thumb{cursor:pointer;background:#fff;border:2px solid #7850dccc;border-radius:50%;width:18px;height:18px;box-shadow:0 0 14px #b4c8ffcc,0 4px 12px #0006}.slider-row__value{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:calc(13px * var(--ui-font-scale));color:#fff;text-align:right;font-variant-numeric:tabular-nums;min-width:44px}.speed-control{z-index:12;-webkit-backdrop-filter:blur(16px)saturate(140%);background:#0a0a1ab8;border:1px solid #06b6d438;border-radius:999px;align-items:center;gap:8px;padding:6px 8px;display:flex;position:absolute;bottom:clamp(20px,4vw,48px);right:clamp(20px,4vw,48px);box-shadow:0 10px 30px #00000073}.speed-control__play{color:#67e8f9;cursor:pointer;background:#06b6d41f;border:1px solid #06b6d459;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .2s,border-color .2s,color .2s,transform .15s;display:flex}.speed-control__play:hover{color:#a5f3fc;background:#06b6d438;border-color:#06b6d499;transform:translateY(-1px)}.speed-control__play:focus-visible{outline-offset:2px;outline:2px solid #06b6d4}.speed-control__speeds{align-items:center;gap:2px;display:flex}.speed-control__speed{color:#dce6f599;min-width:38px;font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:calc(12px * var(--ui-font-scale));font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 8px;transition:background .2s,color .2s}.speed-control__speed:hover{color:#fff;background:#ffffff0f}.speed-control__speed--active{color:#06121a;background:#06b6d4;box-shadow:0 0 14px #06b6d480}.speed-control__speed--active:hover{color:#06121a;background:#22c9e8}.speed-control__speed:focus-visible{outline-offset:2px;outline:2px solid #06b6d4}.lesson-sidebar{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(140%);pointer-events:auto;background:linear-gradient(#0e081eeb,#060312f0);border-right:1px solid #ffffff0f;flex-direction:column;width:320px;transition:transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:16px 0 60px #00000073}.lesson-sidebar--collapsed{transform:translate(-100%)}.sidebar-backdrop{z-index:45;-webkit-backdrop-filter:blur(2px);pointer-events:auto;background:#04020c8c;animation:.25s sidebar-backdrop-in;position:fixed;inset:0}@keyframes sidebar-backdrop-in{0%{opacity:0}to{opacity:1}}.lesson-sidebar__header{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:4px;padding:28px 24px 20px;display:flex}.lesson-sidebar__eyebrow{font-size:calc(10px * var(--ui-font-scale));letter-spacing:.28em;text-transform:uppercase;color:#b4c8ff99}.lesson-sidebar__title{font-size:calc(22px * var(--ui-font-scale));letter-spacing:.01em;background:linear-gradient(135deg,#fff 0%,#b8c8ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:300}.lesson-sidebar__progress-text{font-size:calc(11px * var(--ui-font-scale));color:#ffffff73;letter-spacing:.06em;margin-top:6px}.lesson-sidebar__nav{scrollbar-width:thin;scrollbar-color:#b4c8ff40 transparent;flex:1;min-height:0;padding:14px 14px 32px;overflow-y:auto}.lesson-sidebar__nav::-webkit-scrollbar{width:6px}.lesson-sidebar__nav::-webkit-scrollbar-thumb{background:#b4c8ff2e;border-radius:999px}.lesson-sidebar__module{margin-bottom:22px}.lesson-sidebar__module-header{border-left:3px solid #7fb8ff;flex-direction:column;gap:2px;margin-bottom:8px;padding:8px 10px 8px 14px;display:flex}.lesson-sidebar__module-title{font-size:calc(13px * var(--ui-font-scale));color:#ffffffeb;letter-spacing:.04em;text-transform:uppercase;font-weight:500}.lesson-sidebar__module-sub{font-size:calc(11px * var(--ui-font-scale));color:#ffffff73}.lesson-sidebar__units{flex-direction:column;gap:4px;display:flex}.lesson-unit__header{color:#ffffffc7;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;transition:background .15s;display:flex}.lesson-unit__header:hover{background:#ffffff0a}.lesson-unit__number{font-size:calc(9.5px * var(--ui-font-scale));letter-spacing:.22em;text-transform:uppercase;color:#b4c8ffb3;min-width:44px}.lesson-unit__title{font-size:calc(13px * var(--ui-font-scale));flex:1;font-weight:400}.lesson-unit__chevron{font-size:calc(11px * var(--ui-font-scale));color:#fff6;transition:color .15s}.lesson-unit__done{color:#7fffb0;font-size:calc(12px * var(--ui-font-scale));text-shadow:0 0 8px #7fffb0b3}.lesson-unit__list{border-left:1px solid #ffffff0f;flex-direction:column;gap:1px;margin:4px 0 10px;padding:0 0 0 14px;list-style:none;display:flex}.lesson-item{color:#ffffffb8;cursor:pointer;text-align:left;width:100%;font-family:inherit;font-size:calc(12.5px * var(--ui-font-scale));background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex}.lesson-item:hover:not(:disabled){color:#fff;background:#ffffff0d}.lesson-item--current{color:#fff;background:linear-gradient(90deg,#7850dc52,#7850dc14);box-shadow:inset 2px 0 #b4c8fff2}.lesson-item--current:hover{background:linear-gradient(90deg,#7850dc66,#7850dc1a)}.lesson-item--completed{color:#ffffffd9}.lesson-item--locked{color:#ffffff52;cursor:not-allowed}.lesson-item__indicator{width:18px;height:18px;font-size:calc(11px * var(--ui-font-scale));flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lesson-item--completed .lesson-item__indicator{color:#7fffb0;text-shadow:0 0 8px #7fffb0cc}.lesson-item__dot{background:#b4c8ff73;border-radius:50%;width:6px;height:6px}.lesson-item--current .lesson-item__dot{background:#fff;box-shadow:0 0 10px #b4c8fff2}.lesson-item__number{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:calc(10.5px * var(--ui-font-scale));color:#b4c8ff99;letter-spacing:.04em;min-width:28px}.lesson-item--locked .lesson-item__number{color:#b4c8ff38}.lesson-item__title{flex:1;line-height:1.35}.sidebar-toggle{z-index:70;color:#ffffffd9;font-size:calc(12px * var(--ui-font-scale));letter-spacing:.1em;cursor:pointer;-webkit-backdrop-filter:blur(14px);background:#0f0a1ea6;border:1px solid #b4c8ff2e;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:fixed;top:18px;left:18px;box-shadow:0 6px 24px #00000073}.sidebar-toggle:hover{border-color:#b4c8ff73;transform:translateY(-1px);box-shadow:0 10px 30px #7850dc59}.sidebar-toggle--open{padding:9px 11px;left:332px}.sidebar-toggle__icon{font-size:calc(10px * var(--ui-font-scale));opacity:.8}.sidebar-toggle__label{font-size:calc(11px * var(--ui-font-scale));letter-spacing:.18em;text-transform:uppercase}body[data-sidebar-open=false] .back-btn{left:calc(clamp(20px,4vw,40px) + 128px)}@media (width>=901px){body[data-view=home][data-sidebar-open=true] .ui-layer{padding-left:calc(320px + clamp(20px,4vw,48px))}}body[data-sidebar-open=false] .lesson-panel{left:clamp(16px,3vw,32px)}body[data-view=sandbox] .atoms-mode{top:calc(clamp(20px,4vw,40px) + 52px)}body[data-view=sandbox] .atoms-view{top:calc(clamp(20px,4vw,40px) + 122px)}@media (width>=901px){body[data-view=sandbox][data-scene=atoms] .ui-top{padding-right:440px}}.lesson-panel{z-index:30;-webkit-backdrop-filter:blur(20px)saturate(140%);pointer-events:auto;scrollbar-width:thin;scrollbar-color:#b4c8ff40 transparent;background:linear-gradient(135deg,#140c288c,#080418b3);border:1px solid #ffffff14;border-radius:20px;max-width:460px;max-height:calc(100vh - 96px);padding:22px 26px 18px;animation:.5s cubic-bezier(.16,1,.3,1) fadeUp;position:fixed;bottom:24px;left:348px;overflow-y:auto;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0d}.lesson-panel::-webkit-scrollbar{width:6px}.lesson-panel::-webkit-scrollbar-thumb{background:#b4c8ff2e;border-radius:999px}.lesson-panel__eyebrow{font-size:calc(10px * var(--ui-font-scale));letter-spacing:.22em;text-transform:uppercase;color:#b4c8ff99;margin-bottom:5px;display:block}.lesson-panel__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.lesson-panel__crumbs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lesson-panel__crumb{font-size:calc(10px * var(--ui-font-scale));letter-spacing:.22em;text-transform:uppercase;color:#b4c8ff8c}.lesson-panel__crumb--current{color:#ffffffd9}.lesson-panel__crumb-sep{color:#ffffff40;font-size:calc(10px * var(--ui-font-scale))}.lesson-panel__close{color:#fff6;width:28px;height:28px;font-size:calc(22px * var(--ui-font-scale));cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;transition:all .15s;display:flex}.lesson-panel__close:hover{color:#fff;background:#ffffff14}.lesson-panel__title{font-size:calc(24px * var(--ui-font-scale));letter-spacing:.005em;background:linear-gradient(135deg,#fff 0%,#d0d8ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-weight:300}.lesson-panel__hook{font-size:calc(13.5px * var(--ui-font-scale));color:#ffffffc7;margin:0 0 14px;font-style:italic;font-weight:300;line-height:1.55}.lesson-panel__highlights{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.lesson-panel__chip{font-size:calc(10.5px * var(--ui-font-scale));letter-spacing:.08em;color:#dce6ffeb;background:#7850dc2e;border:1px solid #b4c8ff40;border-radius:999px;padding:4px 9px;font-family:JetBrains Mono,SF Mono,Menlo,monospace}.lesson-panel__paragraphs{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.lesson-panel__paragraphs p{font-size:calc(13px * var(--ui-font-scale));color:#ffffffb8;margin:0;font-weight:300;line-height:1.6}.lesson-panel__actions{align-items:center;gap:8px;display:flex}.lesson-panel__nav{color:#ffffffc7;font-size:calc(11.5px * var(--ui-font-scale));letter-spacing:.1em;cursor:pointer;background:#0f0a1e99;border:1px solid #ffffff1f;border-radius:999px;padding:9px 14px;transition:all .18s}.lesson-panel__nav:hover:not(:disabled){color:#fff;border-color:#b4c8ff80;transform:translateY(-1px)}.lesson-panel__nav:disabled{opacity:.3;cursor:not-allowed}.lesson-panel__cta{color:#fff;font-size:calc(12px * var(--ui-font-scale));letter-spacing:.1em;cursor:pointer;background:linear-gradient(135deg,#7850dcb3,#3c1e82b3);border:1px solid #b4c8ff66;border-radius:999px;flex:1;padding:11px 16px;font-weight:500;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px #7850dc59,inset 0 1px #ffffff1f}.lesson-panel__cta:hover{transform:translateY(-1px);box-shadow:0 12px 30px #7850dc80,inset 0 1px #ffffff26}.lesson-panel__cta--done{background:linear-gradient(135deg,#50b482a6,#286e50a6);border-color:#b4ffc866;box-shadow:0 8px 24px #50b48259,inset 0 1px #ffffff1f}.lesson-panel__cta--done:hover{box-shadow:0 12px 30px #50b48280,inset 0 1px #ffffff26}.lesson-panel__cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.lesson-panel__cta:disabled:hover{transform:none}.lesson-quiz{border-top:1px solid #ffffff14;margin:2px 0 18px;padding-top:16px}.lesson-quiz__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.lesson-quiz__label{font-size:calc(10.5px * var(--ui-font-scale));letter-spacing:.09em;text-transform:uppercase;color:#b4c8ffb3;font-weight:700}.lesson-quiz__progress{font-size:calc(11px * var(--ui-font-scale));color:#ffffff73;font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-weight:600}.lesson-quiz__q+.lesson-quiz__q{border-top:1px solid #ffffff0f;margin-top:20px;padding-top:18px}.lesson-quiz__qnum{color:#bcd7ff;width:19px;height:19px;font-size:calc(10.5px * var(--ui-font-scale));vertical-align:middle;background:#7fb8ff29;border:1px solid #7fb8ff66;border-radius:50%;justify-content:center;align-items:center;margin-right:9px;font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-weight:700;display:inline-flex}.lesson-quiz__prompt{font-size:calc(13.5px * var(--ui-font-scale));color:#ffffffeb;margin:0 0 12px;font-weight:500;line-height:1.5}.lesson-quiz__options{flex-direction:column;gap:8px;display:flex}.lesson-quiz__option{text-align:left;color:#ffffffd1;width:100%;font-size:calc(12.5px * var(--ui-font-scale));cursor:pointer;background:#0f0a1e80;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;padding:10px 13px;line-height:1.45;transition:all .16s;display:flex}.lesson-quiz__option:hover:not(:disabled){color:#fff;background:#1e143799;border-color:#b4c8ff80;transform:translateY(-1px)}.lesson-quiz__option:disabled{cursor:default}.lesson-quiz__marker{width:22px;height:22px;font-size:calc(11px * var(--ui-font-scale));color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-weight:600;display:flex}.lesson-quiz__option-text{flex:1}.lesson-quiz__option--correct{color:#fff;background:#50b4822e;border-color:#78e6aa8c}.lesson-quiz__option--correct .lesson-quiz__marker{color:#04140c;background:#50c88cf2;border-color:#b4ffd299}.lesson-quiz__option--wrong{color:#fff;background:#dc5a5a29;border-color:#ff8c8c80}.lesson-quiz__option--wrong .lesson-quiz__marker{color:#1a0606;background:#e65a5af2;border-color:#ffb4b499}.lesson-quiz__feedback{font-size:calc(12.5px * var(--ui-font-scale));margin:12px 0 0;font-weight:300;line-height:1.55}.lesson-quiz__feedback--correct{color:#96f0c3eb}.lesson-quiz__feedback--wrong{color:#ffaaaaeb}.lesson-home{z-index:20;pointer-events:auto;justify-content:center;align-items:center;padding:60px 60px 60px 380px;display:flex;position:fixed;inset:0;overflow-y:auto}.lesson-home__inner{flex-direction:column;gap:28px;width:100%;max-width:760px;animation:.6s cubic-bezier(.16,1,.3,1) fadeUp;display:flex}.lesson-home__eyebrow{font-size:calc(11px * var(--ui-font-scale));letter-spacing:.32em;text-transform:uppercase;color:#b4c8ff99}.lesson-home__title{font-size:calc(clamp(36px, 5vw, 56px) * var(--ui-font-scale));letter-spacing:-.015em;background:linear-gradient(135deg,#fff 0%,#b8c8ff 60%,#c890ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:200;line-height:1.05}.lesson-home__lede{font-size:calc(16px * var(--ui-font-scale));color:#ffffffb3;max-width:540px;margin:0;font-weight:300;line-height:1.6}.lesson-home__progress{flex-direction:column;gap:8px;max-width:420px;display:flex}.lesson-home__bar{background:#ffffff0f;border-radius:999px;height:5px;overflow:hidden}.lesson-home__bar-fill{background:linear-gradient(90deg,#7fb8ff 0%,#c890ff 60%,#ffd27f 100%);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 16px #b4c8ff8c}.lesson-home__progress-text{font-size:calc(11px * var(--ui-font-scale));letter-spacing:.18em;text-transform:uppercase;color:#ffffff80}.lesson-home__cta-row{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.lesson-home__cta{color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#7850dcbf,#3c1e82bf);border:1px solid #b4c8ff73;border-radius:16px;flex-direction:column;gap:4px;min-width:260px;padding:16px 22px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 30px #7850dc66,inset 0 1px #ffffff1f}.lesson-home__cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px #7850dc8c,inset 0 1px #ffffff26}.lesson-home__cta--ghost{background:#0f0a1e8c;border-color:#ffffff1f;box-shadow:0 6px 20px #00000059}.lesson-home__cta--ghost:hover{border-color:#b4c8ff66;box-shadow:0 12px 30px #7850dc40}.lesson-home__cta-label{font-size:calc(14px * var(--ui-font-scale));letter-spacing:.04em;font-weight:500}.lesson-home__cta-sub{font-size:calc(11.5px * var(--ui-font-scale));color:#ffffffb3;letter-spacing:.04em}.lesson-home__modules{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:12px;display:grid}.module-card{-webkit-backdrop-filter:blur(12px)saturate(140%);background:linear-gradient(160deg,#140c288c,#080416a6);border:1px solid #ffffff12;border-top:3px solid #7fb8ff;border-radius:16px;flex-direction:column;gap:6px;padding:20px 22px;display:flex}.module-card__header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.module-card__title{font-size:calc(16px * var(--ui-font-scale));color:#fffffff2;letter-spacing:.02em;margin:0;font-weight:500}.module-card__count{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:calc(11px * var(--ui-font-scale));color:#b4c8ffb3;letter-spacing:.06em}.module-card__sub{font-size:calc(12.5px * var(--ui-font-scale));color:#ffffff8c;margin:0 0 12px;font-weight:300}.module-card__units{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.module-card__unit-btn{color:#ffffffc7;cursor:pointer;text-align:left;background:#ffffff06;border:1px solid #ffffff0f;border-radius:9px;grid-template-columns:56px 1fr auto;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;transition:all .18s;display:grid}.module-card__unit-btn:hover:not(:disabled){color:#fff;background:#ffffff0d;border-color:#b4c8ff4d;transform:translate(2px)}.module-card__unit-btn:disabled{opacity:.4;cursor:not-allowed}.module-card__unit-num{font-size:calc(9.5px * var(--ui-font-scale));letter-spacing:.22em;text-transform:uppercase;color:#b4c8ffa6}.module-card__unit-title{font-size:calc(13px * var(--ui-font-scale));font-weight:400}.module-card__unit-count{font-family:JetBrains Mono,SF Mono,Menlo,monospace;font-size:calc(11px * var(--ui-font-scale));color:#b4c8ff8c}.sandbox-exit{z-index:60;color:#ffffffd9;font-size:calc(11px * var(--ui-font-scale));letter-spacing:.16em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(14px);background:#0f0a1ea6;border:1px solid #b4c8ff2e;border-radius:999px;padding:9px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);position:fixed;top:18px;right:18px;box-shadow:0 6px 24px #00000073}.sandbox-exit:hover{border-color:#b4c8ff73;transform:translateY(-1px);box-shadow:0 10px 30px #7850dc59}@media (width<=900px){.lesson-home{justify-content:flex-start;align-items:flex-start;padding:84px 30px 48px}.lesson-panel,body[data-sidebar-open=false] .lesson-panel{border-radius:22px 22px 18px 18px;max-width:none;max-height:46vh;inset:auto clamp(10px,3vw,16px) clamp(10px,3vw,16px)}.panel--sheet{max-height:50vh;overflow-y:auto;width:auto!important;max-width:none!important;margin:0!important;position:fixed!important;inset:auto clamp(10px,3vw,16px) clamp(10px,3vw,16px)!important;transform:none!important}.panel-collapse--bottom{inset:10px 12px auto auto}.panel--floating{max-height:38vh;overflow-y:auto;z-index:60!important;pointer-events:auto!important;width:min(330px,100vw - 28px)!important;max-width:none!important;margin:0!important;position:fixed!important;inset:clamp(128px,19vh,176px) auto auto 50%!important;transform:translate(-50%)!important}.atoms-mode__sub,.atoms-view__sub{display:none}.atoms-mode__btn{min-width:0;padding:8px 12px}.atoms-view__btn{min-width:0;padding:7px 12px}.atoms-mode{top:calc(clamp(20px,4vw,40px) + 50px)}.atoms-view{top:calc(clamp(20px,4vw,40px) + 110px)}body[data-view=sandbox] .atoms-mode{top:calc(clamp(20px,4vw,40px) + 96px)}body[data-view=sandbox] .atoms-view{top:calc(clamp(20px,4vw,40px) + 152px)}.scene-switcher-groups{max-height:calc(100vh - 130px);padding:4px;overflow-y:auto}.switcher{margin-bottom:68px}.switcher__btn{padding:8px 14px}.particle-hint{bottom:clamp(190px,26vh,240px)}.lesson-sidebar{width:min(320px,86vw)}}@media (width<=768px){.ui-layer{padding:clamp(14px,3vw,24px)}.ui-top{margin-top:44px}.scene-switcher__btn{min-width:76px;padding:8px 12px}.scene-switcher-group__label{text-align:center;width:100%;min-width:0}.atoms-mode__btn{min-width:72px;padding:7px 10px}.atoms-view__btn{min-width:64px;padding:6px 10px}}@media (width<=480px){.scene-switcher__btn{min-width:64px;padding:7px 10px}.scene-switcher__label{font-size:calc(12px * var(--ui-font-scale))}.info-panel{padding:20px 22px}.particle-card{animation:.5s cubic-bezier(.16,1,.3,1) fadeUp;top:auto;bottom:clamp(16px,4vw,24px);transform:none}.sidebar-toggle--open{left:auto;right:14px}}.wire-zoom-controls{-webkit-backdrop-filter:blur(18px)saturate(140%);z-index:14;background:#140c068c;border:1px solid #ffb4782e;border-radius:999px;align-items:center;gap:14px;min-width:min(560px,80vw);padding:10px 16px 12px;display:flex;position:absolute;bottom:clamp(28px,5vh,56px);left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000073,inset 0 1px #ffb4780f}.wire-zoom-controls__btn{color:#fff;width:36px;height:36px;font-size:calc(13px * var(--ui-font-scale));cursor:pointer;background:linear-gradient(135deg,#ff8c4659,#b4501e59);border:1px solid #ffb4784d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #ff783c40}.wire-zoom-controls__btn:hover{transform:scale(1.08);box-shadow:0 6px 22px #ff783c73}.wire-zoom-controls__slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#ffb4788c 0%,#ffb4782e 100%);border-radius:999px;outline:none;flex:1;height:4px}.wire-zoom-controls__slider::-webkit-slider-thumb{appearance:none;cursor:grab;background:radial-gradient(circle at 35% 30%,#ffd0a0,#ff8040 70%,#b04010);border:1px solid #ffffff59;border-radius:50%;width:18px;height:18px;box-shadow:0 0 14px #ff8c3cb3}.wire-zoom-controls__slider::-moz-range-thumb{cursor:grab;background:radial-gradient(circle at 35% 30%,#ffd0a0,#ff8040 70%,#b04010);border:1px solid #ffffff59;border-radius:50%;width:18px;height:18px;box-shadow:0 0 14px #ff8c3cb3}.wire-zoom-controls__stops{font-size:calc(9px * var(--ui-font-scale));letter-spacing:.22em;text-transform:uppercase;color:#ffc8a073;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:-16px;left:60px;right:16px}.wire-zoom-scale{-webkit-backdrop-filter:blur(16px)saturate(140%);pointer-events:none;z-index:14;background:#0a0a1acc;border:1px solid #06b6d447;border-radius:14px;flex-direction:column;align-items:flex-end;gap:3px;padding:12px 20px;display:flex;position:absolute;top:calc(clamp(16px,3vh,32px) + 40px);right:clamp(16px,3vw,32px);box-shadow:0 12px 34px #00000073,inset 0 1px #ffffff0d}.wire-zoom-scale__caption{font-size:calc(11px * var(--ui-font-scale));letter-spacing:.28em;text-transform:uppercase;color:#67e8f9b3}.wire-zoom-scale__value{font-variant-numeric:tabular-nums;font-size:calc(clamp(28px, 4vw, 36px) * var(--ui-font-scale));letter-spacing:.01em;color:#e8feff;text-shadow:0 0 18px #06b6d48c;font-weight:700;line-height:1.05}.fun-fact-panel{-webkit-backdrop-filter:blur(14px)saturate(130%);pointer-events:none;z-index:13;background:#0a0a1acc;border:1px solid #06b6d42e;border-radius:14px;align-items:flex-start;gap:10px;max-width:min(300px,70vw);max-height:calc(100vh - 2*clamp(96px,18vh,160px));padding:14px 16px;animation:.5s cubic-bezier(.16,1,.3,1) funFactIn;display:flex;position:absolute;overflow-y:auto;box-shadow:0 16px 40px #00000073,inset 0 1px #ffffff0a}.fun-fact-panel--bottom-left{bottom:clamp(28px,5vh,56px);left:clamp(16px,3vw,32px)}.fun-fact-panel--bottom-right{bottom:clamp(28px,5vh,56px);right:clamp(16px,3vw,32px)}.fun-fact-panel--right-center{animation:.5s cubic-bezier(.16,1,.3,1) funFactInCenter;top:50%;right:clamp(16px,3vw,32px);transform:translateY(-50%)}@media (width<=900px){.fun-fact-panel:not(.panel--floating){display:none}}.fun-fact-panel__icon{font-size:calc(18px * var(--ui-font-scale));flex-shrink:0;line-height:1.3}.fun-fact-panel__body{flex-direction:column;gap:3px;display:flex}.fun-fact-panel__title{font-size:calc(11px * var(--ui-font-scale));letter-spacing:.12em;text-transform:uppercase;color:#06b6d4;margin:0;font-weight:700}.fun-fact-panel__text{font-size:calc(13.5px * var(--ui-font-scale));color:#ebf0faeb;margin:0;line-height:1.45}@keyframes funFactIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes funFactInCenter{0%{opacity:0;transform:translateY(calc(10px - 50%))}to{opacity:1;transform:translateY(-50%)}}.lesson-sidebar__footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px 18px;display:flex}.build-stamp{letter-spacing:.08em;color:#ffffff47;font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:text;user-select:text;font-size:9px}.build-stamp--home{text-align:left;margin-top:8px;display:block}.font-toggle{align-items:center;gap:8px;display:inline-flex}.font-toggle__label{font-size:calc(11px * var(--ui-font-scale));letter-spacing:.18em;text-transform:uppercase;color:#b4c8ff8c;font-weight:500}.font-toggle__group{background:#0c081c8c;border:1px solid #ffffff14;border-radius:999px;gap:2px;padding:3px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}.font-toggle__btn{color:#ffffff8c;cursor:pointer;font-size:calc(11px * var(--ui-font-scale));letter-spacing:.06em;background:0 0;border:0;border-radius:999px;min-width:24px;padding:4px 9px;font-family:inherit;font-weight:500;transition:all .18s cubic-bezier(.16,1,.3,1)}.font-toggle__btn:hover{color:#fff;background:#ffffff0d}.font-toggle__btn--active{color:#fff;background:linear-gradient(135deg,#7850dc8c,#3c1e828c);box-shadow:0 4px 14px #7850dc4d,inset 0 1px #ffffff1a}.font-toggle__btn--s{font-size:calc(10px * var(--ui-font-scale))}.font-toggle__btn--m{font-size:calc(12px * var(--ui-font-scale))}.font-toggle__btn--l{font-size:calc(14px * var(--ui-font-scale))}.panel-collapse{color:#ffffff8c;cursor:pointer;width:26px;height:26px;font-size:calc(15px * var(--ui-font-scale));pointer-events:auto;z-index:2;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;line-height:1;transition:background .18s,color .18s;display:flex;position:absolute;top:12px}.panel-collapse:hover{color:#fff;background:#ffffff24}.panel-collapse--left{right:12px}.panel-collapse--right{left:12px}.panel-collapse--top{top:auto;bottom:12px;right:12px}.panel-collapse--bottom{right:12px}.panel-tab{color:#c8d7ffd9;-webkit-backdrop-filter:blur(14px)saturate(140%);cursor:pointer;width:46px;height:46px;font-size:calc(18px * var(--ui-font-scale));pointer-events:auto;z-index:20;background:linear-gradient(135deg,#1c1236b8,#0a061ccc);border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;font-weight:600;transition:transform .18s,border-color .18s;animation:.4s cubic-bezier(.16,1,.3,1) fadeUp;display:flex;position:fixed;box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff0f}.panel-tab:hover{border-color:#a0beff66;transform:scale(1.08)}.panel-tab--left{top:50%;left:clamp(12px,3vw,24px);transform:translateY(-50%)}.panel-tab--left:hover{transform:translateY(-50%)scale(1.08)}.panel-tab--right{top:50%;right:clamp(12px,3vw,24px);transform:translateY(-50%)}.panel-tab--right:hover{transform:translateY(-50%)scale(1.08)}.panel-tab--top{top:clamp(12px,3vw,24px);left:50%;transform:translate(-50%)}.panel-tab--top:hover{transform:translate(-50%)scale(1.08)}.panel-tab--bottom{bottom:clamp(12px,3vw,24px);left:50%;transform:translate(-50%)}.panel-tab--bottom:hover{transform:translate(-50%)scale(1.08)}.lesson-panel__head-actions{flex-shrink:0;gap:2px;display:flex}.scene-switcher-collapse{color:#c8d7ffb3;font-size:calc(11px * var(--ui-font-scale));letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-self:center;margin-bottom:4px;padding:4px 14px;transition:background .18s,color .18s}.scene-switcher-collapse:hover{color:#fff;background:#ffffff1f}.scene-switcher-reopen{color:#d2deffe6;font-size:calc(13px * var(--ui-font-scale));letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(16px)saturate(140%);background:linear-gradient(135deg,#1c1236b3,#0a061cc7);border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:9px 18px;transition:border-color .18s,transform .18s;display:flex;box-shadow:0 10px 30px #0006}.scene-switcher-reopen:hover{border-color:#a0beff66;transform:translateY(1px)}.scene-switcher-reopen__grid{font-size:calc(16px * var(--ui-font-scale));opacity:.8}.scene-switcher-reopen__label{font-weight:600}.fun-fact-panel .panel-collapse--right,.fun-fact-panel .panel-collapse--bottom{left:auto;right:10px}