@font-face{font-family:Golos;src:url('/fonts/golos-400-cyrillic.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Golos;src:url('/fonts/golos-400-latin.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Golos;src:url('/fonts/golos-500-cyrillic.woff2') format('woff2');font-weight:500 700;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Golos;src:url('/fonts/golos-500-latin.woff2') format('woff2');font-weight:500 700;font-display:swap}
:root{--paper:#f6f3ed;--ink:#403b32;--muted:#938879;--rust:#a5583e;--line:#e4ddd0;--panel:#eee8dc}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Golos,Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,#scene:focus-visible{outline:2px solid var(--rust);outline-offset:5px}button:disabled{opacity:.4;cursor:default}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
.masthead{height:112px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:47px;line-height:.9;letter-spacing:-3px}.brand span{display:block;font-family:Golos,Arial,sans-serif;font-size:9px;letter-spacing:2px;margin-top:12px}.edition{display:flex;gap:10px;align-items:center;font-size:12px}.edition-dot{width:6px;height:6px;border-radius:50%;background:var(--rust)}.edition-version{color:var(--muted);margin-left:6px}.reference-link{background:none;font-size:12px;color:#766d60;padding:10px 0}.reference-link span{margin-left:12px;font-size:18px}
.layout{max-width:1600px;margin:auto;padding:48px 5% 0;display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px 48px}.intro{padding:22px 0 0}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--rust);font-weight:500}.intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:62px;line-height:1.03;letter-spacing:-2px;margin:24px 0}.intro-copy{font-size:13px;line-height:1.9;color:#887c6b;margin:0}.fine-rule{width:36px;height:1px;background:#b8aa96;margin:30px 0 22px}.zones{display:grid;gap:3px}.zone{display:flex;align-items:center;gap:14px;background:none;text-align:left;border-radius:7px;padding:13px 12px;margin-left:-12px;color:#847766;transition:background .2s,color .2s}.zone:hover{background:#ede7dd}.zone.active{background:#eae2d5;color:var(--ink)}.zone-number{font-size:9px;color:#9a8e7e;min-width:18px}.zone-arrow{margin-left:auto;font-size:16px;opacity:0}.zone.active .zone-arrow,.zone:hover .zone-arrow{opacity:1}.zone small{display:block;margin-top:5px;font-size:10px;color:#958675}.concept-note{display:flex;gap:11px;align-items:center;margin-top:34px}.note-star{font-size:28px;color:#ac9372}.concept-note p{font-size:10px;color:var(--muted);line-height:1.8;margin:0}
.scene-panel{position:relative;min-width:0;min-height:580px;border:1px solid #e3dacb;border-radius:18px;background:radial-gradient(ellipse at 55% 43%,#f4eee1 0,#eee7db 72%);overflow:hidden}.scene-top{position:absolute;left:25px;right:25px;top:23px;display:flex;align-items:center;justify-content:space-between;z-index:2;pointer-events:none}.scene-title{font-size:12px;color:#8a7d6a}.light-switch{background:#e2dacb;padding:3px;border-radius:22px;display:flex;pointer-events:auto}.light-switch button{border-radius:20px;background:transparent;padding:8px 15px;font-size:10px;color:#8d7f6b;transition:background .2s}.light-switch .selected{background:#f9f6ef;color:var(--ink);box-shadow:0 2px 8px #56472c0c}#scene{position:absolute;inset:0;touch-action:none;outline-offset:-5px!important}#scene canvas{width:100%;height:100%;display:block}.scene-bottom{position:absolute;bottom:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.gesture-hint{font-size:10px;color:#9a8c78;display:flex;align-items:center;gap:8px}.gesture-hint svg{width:18px;height:18px}.model-tag{font-size:8px;letter-spacing:2px;color:#b1a28b}.camera-tools{position:absolute;right:23px;bottom:63px;display:flex;align-items:center;flex-direction:column;padding:4px;background:#faf7f0dd;backdrop-filter:blur(12px);border:1px solid #e0d6c5;border-radius:28px;box-shadow:0 6px 20px #53411d09}.camera-tools button{width:33px;height:34px;border-radius:50%;background:none;font-size:21px;color:#7d705c;display:grid;place-items:center}.camera-tools button:hover{background:#eae1d2}.camera-tools svg{height:18px;width:18px}.tool-separator{height:1px;width:18px;background:var(--line);margin:4px 0}
.scene-label{position:absolute;top:0;left:0;display:flex;align-items:center;gap:6px;padding:9px 11px;background:#faf7f0ed;box-shadow:0 4px 15px #4d3d2010;border:1px solid #dfd4c3;border-radius:8px;font-size:10px;pointer-events:none;opacity:0;white-space:nowrap;transition:opacity .2s;will-change:transform}.scene-label small{font-size:8px;color:#9f917c;border-left:1px solid #ded4c6;padding-left:6px;margin-left:2px}.label-dot{width:4px;height:4px;background:var(--rust);border-radius:50%}.loading,.scene-error{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#95816a;font-size:12px;background:#eee8dc}.loading-mark{font-family:Georgia,serif;font-size:56px;color:var(--rust);animation:breathe 1.8s ease-in-out infinite}.scene-error h2{font:32px Georgia,serif;color:var(--ink);margin:0}.scene-error p{margin:0;text-align:center;padding:0 24px;line-height:1.8}.scene-error button{background:var(--rust);color:white;padding:13px 20px;border-radius:8px}@keyframes breathe{50%{opacity:.4;transform:translateY(-4px)}}
.activity-bar{grid-column:2;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:21px 24px;gap:20px}.activity-description{display:flex;align-items:center;gap:16px}.activity-orb{height:9px;width:9px;border-radius:50%;background:#b2a58b;flex-shrink:0}.activity-orb.running{background:#869276;box-shadow:0 0 0 5px #86927615}.activity-description strong{font-size:12px;font-weight:500;display:block}.activity-description div>span{font-size:10px;color:var(--muted);display:block;margin-top:6px;line-height:1.5}.activity-button{background:var(--rust);border:1px solid #955038;border-radius:8px;color:#fff6ea;display:flex;align-items:center;gap:11px;padding:13px 19px;font-size:11px;white-space:nowrap;transition:background .2s}.activity-button:hover{background:#90472f}.play-icon{font-size:17px;line-height:1}.footer{max-width:1600px;margin:42px auto 0;padding:24px 5%;display:flex;gap:24px;justify-content:space-between;color:#a39989;font-size:9px;border-top:1px solid var(--line)}
dialog{max-width:860px;width:calc(100% - 36px);border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:32px;color:var(--ink)}dialog::backdrop{background:#30251670;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading h2{font:32px Georgia,serif;margin:12px 0 0}.dialog-heading button{background:#eae2d6;border-radius:50%;width:35px;height:35px;font-size:24px}dialog>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:660px;margin:20px 0 24px}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}figure{margin:0}figure img{display:block;width:100%;height:300px;object-fit:cover;border-radius:8px}figcaption{font-size:11px;color:#8c7d67;margin-top:12px}
@media(min-width:1600px){.scene-panel{min-height:660px}}@media(max-width:1100px){.layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.intro h1{font-size:53px}.scene-panel{min-height:560px}.activity-bar{padding:18px}.activity-description div>span{max-width:240px}}
@media(max-width:760px){.masthead{height:85px;padding:0 6%}.brand{font-size:38px}.brand span{font-size:7px;margin-top:8px;letter-spacing:1.6px}.edition{font-size:10px}.edition-version{display:none}.reference-link{font-size:0}.reference-link span{font-size:22px;margin-left:0}.layout{padding:27px 5% 0;display:flex;flex-direction:column;gap:16px}.intro{padding:0}.eyebrow{font-size:8px;letter-spacing:1.7px}.intro h1{font-size:39px;letter-spacing:-1px;margin:13px 0;line-height:1.1}.intro h1 br{display:none}.intro-copy{font-size:11px;line-height:1.7;max-width:320px}.intro-copy br{display:none}.intro-copy br::after{content:' '}.fine-rule,.concept-note{display:none}.zones{display:flex;gap:5px;margin-top:20px;overflow-x:auto;padding:3px 0 5px}.zone{margin:0;gap:0;white-space:nowrap;padding:10px 12px;font-size:10px;border:1px solid var(--line);border-radius:24px;flex-shrink:0}.zone-number,.zone-arrow,.zone small{display:none}.zone.active{background:#e8dfd0;border-color:#d3c4af}.scene-panel{min-height:440px;aspect-ratio:1 / 1.13;border-radius:14px}.scene-top{top:16px;left:16px;right:16px}.scene-title{font-size:10px}.light-switch button{font-size:9px;padding:7px 12px}.scene-bottom{left:16px;right:16px;bottom:16px}.gesture-hint{font-size:9px;gap:5px}.model-tag{font-size:7px;letter-spacing:1.4px}.camera-tools{right:14px;bottom:51px}.camera-tools button{height:30px;width:29px}.scene-label{font-size:9px;padding:7px 8px}.scene-label small{display:none}.activity-bar{padding:17px 16px;gap:12px}.activity-description{gap:11px}.activity-description strong{font-size:11px}.activity-description div>span{font-size:9px;max-width:175px}.activity-button{padding:12px;font-size:10px;gap:7px}.play-icon{font-size:15px}.footer{margin-top:28px;flex-direction:column;gap:9px;padding:19px 5%;font-size:8px}dialog{padding:23px}.dialog-heading h2{font-size:26px}.reference-grid{gap:10px;grid-template-columns:1fr}figure img{height:240px;object-position:center 55%}.reference-grid figure{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.mode-switch{display:flex;flex-shrink:0;padding:3px;border-radius:24px;background:#e8dfd0}.mode-switch button{padding:9px 13px;border-radius:22px;font-size:11px;color:var(--muted)}.mode-switch button.selected{background:var(--paper);color:var(--ink)}#live-updated{font-size:9px}.activity-bar{flex-wrap:wrap}.activity-description{flex:1;min-width:180px}.activity-description div>span{max-width:420px}.embedded .masthead,.embedded .intro>.eyebrow,.embedded .intro h1,.embedded .intro-copy,.embedded .fine-rule,.embedded .concept-note,.embedded .footer{display:none}.embedded .layout{display:flex;flex-direction:column;padding:12px;gap:10px}.embedded .intro{padding:0}.embedded .zones{display:flex;gap:5px;overflow-x:auto;margin:0}.embedded .zone{margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:22px;white-space:nowrap;flex-shrink:0;font-size:11px}.embedded .zone-number,.embedded .zone-arrow,.embedded .zone small{display:none}.embedded .scene-panel{width:100%;min-height:0;height:clamp(390px,62vw,580px);aspect-ratio:auto}.embedded .activity-bar{width:100%;padding:14px;gap:12px}.embedded .activity-description{min-width:150px}.embedded .activity-description div>span{max-width:none}.embedded .activity-button{margin-left:auto}.embedded #references-dialog{display:none}
@media(max-width:460px){.activity-bar{gap:12px}.mode-switch button{padding:9px 11px}.activity-description{min-width:170px}.activity-button{margin-left:auto}.embedded .scene-panel{height:420px}.embedded .mode-switch{order:0}.embedded .activity-button{order:1}.embedded .activity-description{order:2;flex-basis:100%}}