:root{--bg: #050607;--ink: #e8e4dc;--ink-dim: rgba(232, 228, 220, .55);--ink-faint: rgba(232, 228, 220, .32);--glass: rgba(14, 17, 22, .55);--glass-border: rgba(255, 255, 255, .08);--accent: #c9a876;--accent-soft: rgba(201, 168, 118, .35);--serif: Georgia, "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0}.app canvas{display:block}.glass{background:var(--glass);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 14px 44px #00000073}kbd{font-family:var(--sans);font-size:9px;color:var(--ink-faint);border:1px solid rgba(255,255,255,.14);border-radius:4px;padding:1px 4px;margin-left:6px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:#ffffff2e;border-radius:2px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--ink);box-shadow:0 0 6px #0009}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--ink)}.chrome{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .45s ease}.chrome>*{pointer-events:auto}.chrome--dim{opacity:.22}.chrome--hidden{opacity:0}.chrome--hidden>*{pointer-events:none}.landing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 42%,#0b0e13,#050607 62%),var(--bg)}.landing__inner{text-align:center;padding:0 24px}.landing__eyebrow{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--accent);margin:0 0 18px}.landing__title{font-family:var(--serif);font-weight:400;font-size:clamp(64px,14vw,168px);letter-spacing:.32em;margin:0 0 22px;color:#efe9dc;text-shadow:0 0 60px rgba(201,168,118,.18)}.landing__title span{display:inline-block}.landing__sub{max-width:520px;margin:0 auto 40px;font-size:14px;line-height:1.7;color:var(--ink-dim)}.landing__enter{font-family:var(--sans);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid rgba(232,228,220,.35);border-radius:999px;padding:15px 42px;cursor:pointer;transition:background .35s ease,color .35s ease,border-color .35s ease}.landing__enter:hover{background:#e8e4dc;color:#0a0c0f;border-color:#e8e4dc}.landing__credits{position:absolute;bottom:26px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.14em;color:var(--ink-dim)}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px}.topbar__brand{display:flex;flex-direction:column;gap:2px}.topbar__title{font-family:var(--serif);font-size:18px;letter-spacing:.34em;color:#efe9dc}.topbar__sub{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.topbar__controls{display:flex;align-items:center;gap:12px}.topbar__exposure{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.topbar__exposure input{width:90px}.icon-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid var(--glass-border);background:var(--glass);color:var(--ink-dim);cursor:pointer;transition:color .25s,border-color .25s}.icon-btn:hover{color:var(--ink);border-color:#ffffff38}.search{position:relative;width:min(320px,32vw)}.search__input{width:100%;padding:9px 16px;font-size:12px;color:var(--ink);background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:999px;outline:none;transition:border-color .25s}.search__input::placeholder{color:var(--ink-faint)}.search__input:focus{border-color:#ffffff3d}.search__results{position:absolute;top:calc(100% + 8px);left:0;right:0;padding:6px;display:flex;flex-direction:column;gap:2px}.search__empty{padding:10px 12px;font-size:12px;color:var(--ink-faint)}.search__result{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;font-size:12px;text-align:left;color:var(--ink);background:transparent;border:none;border-radius:10px;cursor:pointer}.search__result:hover{background:#ffffff0f}.search__layer{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.toolbar-wrap{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.toolbar{display:flex;align-items:center;gap:4px;padding:7px;border-radius:999px}.tool-btn{display:flex;align-items:center;padding:9px 15px;font-size:11.5px;letter-spacing:.05em;color:var(--ink-dim);background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:color .25s,background .25s,border-color .25s;white-space:nowrap}.tool-btn:hover{color:var(--ink);background:#ffffff0d}.tool-btn--active{color:#f4ede0;background:#c9a87624;border-color:var(--accent-soft)}.tool-btn--hint{padding:9px 13px;font-weight:600}.toolbar__slice{display:flex;align-items:center;gap:8px;padding:0 12px 0 8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.toolbar__slice input{width:110px}.hints{padding:14px 18px;display:flex;flex-direction:column;gap:7px}.hints__row{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--ink-dim)}.hints__row kbd{margin-left:0;min-width:22px;text-align:center;color:var(--ink)}.info{position:absolute;top:84px;right:24px;bottom:96px;width:348px;padding:26px;overflow-y:auto;border-radius:20px;color:var(--ink)}.info::-webkit-scrollbar{width:4px}.info::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:2px}.info__close{position:absolute;top:14px;right:16px;font-size:20px;line-height:1;color:var(--ink-dim);background:none;border:none;cursor:pointer;transition:color .25s}.info__close:hover{color:var(--ink)}.info__art{width:100%;height:110px;color:#c9a876a6;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:18px}.info__layer{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}.info__title{font-family:var(--serif);font-weight:400;font-size:26px;letter-spacing:.04em;margin:0 0 14px;color:#f0eadf}.info__desc{font-size:12.5px;line-height:1.75;color:var(--ink-dim);margin:0 0 16px}.info__heading{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 8px}.info__facts{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.6;color:var(--ink-dim)}.info__facts li::marker{color:var(--accent)}.layers{position:absolute;top:84px;left:24px;width:292px;max-height:calc(100% - 190px);overflow-y:auto;padding:20px;border-radius:20px}.layers::-webkit-scrollbar{width:4px}.layers::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:2px}.layers__title{font-family:var(--serif);font-weight:400;font-size:18px;letter-spacing:.12em;margin:0 0 14px;color:#f0eadf}.layers__field{display:flex;flex-direction:column;gap:8px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px}.layers__field--foot{margin:16px 0 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.layers__list{display:flex;flex-direction:column;gap:6px}.layer-row{display:grid;grid-template-columns:22px 1fr 74px;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;transition:background .25s}.layer-row:hover{background:#ffffff0a}.layer-row--solo{background:#c9a8761a}.layer-row__solo{font-size:11px;color:var(--accent, #c9a876);background:none;border:none;cursor:pointer;padding:2px}.layer-row__name{font-size:11.5px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-row input{width:74px}.tour{position:absolute;bottom:92px;left:50%;transform:translate(-50%);width:min(440px,calc(100vw - 48px));padding:20px 24px;border-radius:18px;text-align:center}.tour__progress{font-size:10px;letter-spacing:.24em;color:var(--accent);margin:0 0 6px}.tour__title{font-family:var(--serif);font-weight:400;font-size:21px;letter-spacing:.08em;margin:0 0 10px;color:#f0eadf}.tour__caption{font-size:12.5px;line-height:1.7;color:var(--ink-dim);margin:0 0 16px}.tour__actions{display:flex;justify-content:center;gap:10px}.tour__skip,.tour__next{font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 20px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}.tour__skip{color:var(--ink-faint);background:none;border:1px solid transparent}.tour__skip:hover{color:var(--ink)}.tour__next{color:#0a0c0f;background:#e8e4dc;border:1px solid #e8e4dc}.tour__next:hover{background:#f4efe6}.hotspot{position:relative;width:18px;height:18px;cursor:pointer;transition:opacity .3s}.hotspot__ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(238,230,212,.85);border-radius:50%;animation:hotspot-pulse 2.4s ease-out infinite;transition:transform .25s ease,box-shadow .25s ease}.hotspot__dot{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:#efe6d4;border-radius:50%;box-shadow:0 0 8px 2px #efe6d48c}.hotspot__label{position:absolute;left:30px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);padding-left:18px;opacity:0;transition:opacity .25s ease,left .25s ease;pointer-events:none}.hotspot__label:before{content:"";position:absolute;left:0;top:50%;width:12px;height:1px;background:#e8e4dc8c}.hotspot:hover .hotspot__label{opacity:1;left:36px}.hotspot:hover .hotspot__ring{animation:none;transform:scale(1.5);box-shadow:0 0 16px #efe6d473}.hotspot--dim{opacity:.22}@keyframes hotspot-pulse{0%{transform:scale(.6);opacity:.9}70%{transform:scale(1.5);opacity:.15}to{transform:scale(1.65);opacity:0}}.layer-label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);pointer-events:none;animation:layer-label-in .7s cubic-bezier(.22,1,.36,1) both}@keyframes layer-label-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.layer-label__dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px #00000080}.layer-label__line{width:30px;height:1px;background:linear-gradient(90deg,#e8e4dc14,#e8e4dc80)}@media(max-width:900px){.topbar__sub,.topbar__exposure span{display:none}.info{width:min(348px,calc(100vw - 32px));right:16px}.layers{left:16px;width:min(292px,calc(100vw - 32px))}.tool-btn kbd{display:none}}