*,*:before,*:after{box-sizing:border-box}:root{--app-header-h: 2.75rem;--app-footer-h: 1.75rem;--app-chrome-h: calc(var(--app-header-h) + var(--app-footer-h))}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}@supports (padding: env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-top{padding-top:env(safe-area-inset-top)}.safe-x{padding-left:max(.75rem,env(safe-area-inset-left,0px));padding-right:max(.75rem,env(safe-area-inset-right,0px))}}.min-h-app-main{min-height:calc(100dvh - var(--app-chrome-h));min-height:calc(100svh - var(--app-chrome-h))}.h-app-workspace{height:calc(100dvh - var(--app-chrome-h));height:calc(100svh - var(--app-chrome-h));max-height:calc(100dvh - var(--app-chrome-h));max-height:calc(100svh - var(--app-chrome-h))}:focus-visible{outline:2px solid rgba(99,102,241,.5);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid rgba(99,102,241,.5);outline-offset:2px}button,a,[role=button]{transition-property:color,background-color,border-color,box-shadow,opacity;transition-duration:.2s;transition-timing-function:ease-out}.custom-scroll::-webkit-scrollbar{width:4px;height:4px}.custom-scroll::-webkit-scrollbar-thumb{background:#00000014;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#00000029}@media(pointer:coarse){.layout-root,.layout-root button,.layout-root a,.layout-root [role=button],.layout-root label[for],.layout-root .cursor-pointer,.layout-root [class*=cursor-grab],.layout-root .cursor-grab,.layout-root [class*=cursor-grabbing],.layout-root .cursor-grabbing,.cursor-tri-up,.cursor-tri-down,.cursor-tri-left,.cursor-tri-right,.cursor-tri-w-up,.cursor-tri-w-down,.cursor-tri-w-left,.cursor-tri-w-right,.layout-root .cursor-ew-resize,.layout-root input[type=range],.layout-root input[type=text],.layout-root input[type=number],.layout-root textarea,.layout-root [contenteditable=true],.layout-root [disabled],.layout-root .cursor-not-allowed{cursor:auto!important}}.layout-root{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='4' fill='%232E89A6' opacity='0.6'/%3E%3Cpath d='M11 4 A7 7 0 0 1 18 11' fill='none' stroke='%238C6D3F' stroke-width='1' opacity='0.35'/%3E%3Cpath d='M18 11 A7 7 0 0 1 11 18' fill='none' stroke='%23BF5B3A' stroke-width='1' opacity='0.35'/%3E%3Cpath d='M11 18 A7 7 0 0 1 4 11' fill='none' stroke='%232E89A6' stroke-width='1' opacity='0.35'/%3E%3Cpath d='M4 11 A7 7 0 0 1 11 4' fill='none' stroke='%235A7FA3' stroke-width='1' opacity='0.35'/%3E%3C/svg%3E") 11 11,default}.layout-root button,.layout-root a,.layout-root [role=button],.layout-root label[for],.layout-root .cursor-pointer{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='3' fill='%232E89A6' opacity='0.75'/%3E%3Cpath d='M18 6 A12 12 0 0 1 30 18' fill='none' stroke='%238C6D3F' stroke-width='1.5' opacity='0.5'/%3E%3Cpath d='M30 18 A12 12 0 0 1 18 30' fill='none' stroke='%23BF5B3A' stroke-width='1.5' opacity='0.5'/%3E%3Cpath d='M18 30 A12 12 0 0 1 6 18' fill='none' stroke='%232E89A6' stroke-width='1.5' opacity='0.5'/%3E%3Cpath d='M6 18 A12 12 0 0 1 18 6' fill='none' stroke='%235A7FA3' stroke-width='1.5' opacity='0.5'/%3E%3C/svg%3E") 18 18,pointer}.layout-root [class*=cursor-grab],.layout-root .cursor-grab{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='3' fill='%238C6D3F' opacity='0.55'/%3E%3Cpath d='M18 5 A13 13 0 0 1 31 18' fill='none' stroke='%238C6D3F' stroke-width='1.1' stroke-dasharray='4 3' opacity='0.45'/%3E%3Cpath d='M31 18 A13 13 0 0 1 18 31' fill='none' stroke='%23BF5B3A' stroke-width='1.1' stroke-dasharray='4 3' opacity='0.45'/%3E%3Cpath d='M18 31 A13 13 0 0 1 5 18' fill='none' stroke='%232E89A6' stroke-width='1.1' stroke-dasharray='4 3' opacity='0.45'/%3E%3Cpath d='M5 18 A13 13 0 0 1 18 5' fill='none' stroke='%235A7FA3' stroke-width='1.1' stroke-dasharray='4 3' opacity='0.45'/%3E%3C/svg%3E") 18 18,grab}.layout-root [class*=cursor-grabbing],.layout-root .cursor-grabbing{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='3.5' fill='%23BF5B3A' opacity='0.7'/%3E%3Cpath d='M18 7 A11 11 0 0 1 29 18' fill='none' stroke='%238C6D3F' stroke-width='2' opacity='0.55'/%3E%3Cpath d='M29 18 A11 11 0 0 1 18 29' fill='none' stroke='%23BF5B3A' stroke-width='2' opacity='0.55'/%3E%3Cpath d='M18 29 A11 11 0 0 1 7 18' fill='none' stroke='%232E89A6' stroke-width='2' opacity='0.55'/%3E%3Cpath d='M7 18 A11 11 0 0 1 18 7' fill='none' stroke='%235A7FA3' stroke-width='2' opacity='0.55'/%3E%3C/svg%3E") 18 18,grabbing}.cursor-tri-up{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M14 4 L24 24' fill='none' stroke='%23BF5B3A' stroke-width='1.5' stroke-linejoin='round' opacity='0.7'/%3E%3Cpath d='M24 24 L4 24' fill='none' stroke='%238C6D3F' stroke-width='1.5' stroke-linejoin='round' opacity='0.7'/%3E%3Cpath d='M4 24 L14 4' fill='none' stroke='%235A7FA3' stroke-width='1.5' stroke-linejoin='round' opacity='0.7'/%3E%3Cpath d='M14 4 L24 24 L4 24 Z' fill='%232E89A6' fill-opacity='0.06'/%3E%3C/svg%3E") 14 14,pointer!important}.cursor-tri-down{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M4 4 L24 4' fill='none' stroke='%235A7FA3' stroke-width='1.5' stroke-linejoin='round' opacity='0.7'/%3E%3Cpath d='M24 4 L14 24' fill='none' stroke='%23BF5B3A' stroke-width='1.5' stroke-linejoin='round' opacity='0.7'/%3E%3Cpath d='M14 24 L4 4' fill='none' stroke='%238C6D3F' stroke-width='1.5' stroke-linejoin='round' opacity='0.7'/%3E%3Cpath d='M14 24 L4 4 L24 4 Z' fill='%232E89A6' fill-opacity='0.06'/%3E%3C/svg%3E") 14 14,pointer!important}.cursor-tri-left{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M4 14 L24 4' fill='none' stroke='%235A7FA3' stroke-width='1.5' stroke-linejoin='round' opacity='0.7'/%3E%3Cpath d='M24 4 L24 24' fill='none' stroke='%23BF5B3A' stroke-width='1.5' stroke-linejoin='round' opacity='0.7'/%3E%3Cpath d='M24 24 L4 14' fill='none' stroke='%238C6D3F' stroke-width='1.5' stroke-linejoin='round' opacity='0.7'/%3E%3Cpath d='M4 14 L24 4 L24 24 Z' fill='%232E89A6' fill-opacity='0.06'/%3E%3C/svg%3E") 14 14,pointer!important}.cursor-tri-right{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M24 14 L4 4' fill='none' stroke='%235A7FA3' stroke-width='1.5' stroke-linejoin='round' opacity='0.7'/%3E%3Cpath d='M4 4 L4 24' fill='none' stroke='%238C6D3F' stroke-width='1.5' stroke-linejoin='round' opacity='0.7'/%3E%3Cpath d='M4 24 L24 14' fill='none' stroke='%23BF5B3A' stroke-width='1.5' stroke-linejoin='round' opacity='0.7'/%3E%3Cpath d='M24 14 L4 4 L4 24 Z' fill='%232E89A6' fill-opacity='0.06'/%3E%3C/svg%3E") 14 14,pointer!important}.cursor-tri-w-up{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M14 4 L24 24' fill='none' stroke='%23E0967A' stroke-width='1.5' stroke-linejoin='round' opacity='0.75'/%3E%3Cpath d='M24 24 L4 24' fill='none' stroke='%23C4A882' stroke-width='1.5' stroke-linejoin='round' opacity='0.75'/%3E%3Cpath d='M4 24 L14 4' fill='none' stroke='%23A0BCD4' stroke-width='1.5' stroke-linejoin='round' opacity='0.75'/%3E%3Cpath d='M14 4 L24 24 L4 24 Z' fill='%2380C4D8' fill-opacity='0.1'/%3E%3C/svg%3E") 14 14,pointer!important}.cursor-tri-w-down{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M4 4 L24 4' fill='none' stroke='%23A0BCD4' stroke-width='1.5' stroke-linejoin='round' opacity='0.75'/%3E%3Cpath d='M24 4 L14 24' fill='none' stroke='%23E0967A' stroke-width='1.5' stroke-linejoin='round' opacity='0.75'/%3E%3Cpath d='M14 24 L4 4' fill='none' stroke='%23C4A882' stroke-width='1.5' stroke-linejoin='round' opacity='0.75'/%3E%3Cpath d='M14 24 L4 4 L24 4 Z' fill='%2380C4D8' fill-opacity='0.1'/%3E%3C/svg%3E") 14 14,pointer!important}.cursor-tri-w-left{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M4 14 L24 4' fill='none' stroke='%23A0BCD4' stroke-width='1.5' stroke-linejoin='round' opacity='0.75'/%3E%3Cpath d='M24 4 L24 24' fill='none' stroke='%23E0967A' stroke-width='1.5' stroke-linejoin='round' opacity='0.75'/%3E%3Cpath d='M24 24 L4 14' fill='none' stroke='%23C4A882' stroke-width='1.5' stroke-linejoin='round' opacity='0.75'/%3E%3Cpath d='M4 14 L24 4 L24 24 Z' fill='%2380C4D8' fill-opacity='0.1'/%3E%3C/svg%3E") 14 14,pointer!important}.cursor-tri-w-right{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M24 14 L4 4' fill='none' stroke='%23A0BCD4' stroke-width='1.5' stroke-linejoin='round' opacity='0.75'/%3E%3Cpath d='M4 4 L4 24' fill='none' stroke='%23C4A882' stroke-width='1.5' stroke-linejoin='round' opacity='0.75'/%3E%3Cpath d='M4 24 L24 14' fill='none' stroke='%23E0967A' stroke-width='1.5' stroke-linejoin='round' opacity='0.75'/%3E%3Cpath d='M24 14 L4 4 L4 24 Z' fill='%2380C4D8' fill-opacity='0.1'/%3E%3C/svg%3E") 14 14,pointer!important}.layout-root .cursor-ew-resize,.layout-root input[type=range]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='10' fill='none' stroke='%232E89A6' stroke-width='1' opacity='0.35'/%3E%3Cpath d='M9 16 L12 13 L12 19 Z' fill='%23BF5B3A' opacity='0.6'/%3E%3Cpath d='M23 16 L20 13 L20 19 Z' fill='%235A7FA3' opacity='0.6'/%3E%3C/svg%3E") 16 16,ew-resize}.layout-root input[type=text],.layout-root input[type=number],.layout-root textarea,.layout-root [contenteditable=true]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' viewBox='0 0 16 24'%3E%3Cline x1='5' y1='2' x2='11' y2='2' stroke='%238C6D3F' stroke-width='1' opacity='0.45'/%3E%3Cline x1='8' y1='2' x2='8' y2='8' stroke='%23BF5B3A' stroke-width='1.2' opacity='0.6'/%3E%3Cline x1='8' y1='8' x2='8' y2='15' stroke='%232E89A6' stroke-width='1.2' opacity='0.6'/%3E%3Cline x1='8' y1='15' x2='8' y2='22' stroke='%235A7FA3' stroke-width='1.2' opacity='0.6'/%3E%3Cline x1='5' y1='22' x2='11' y2='22' stroke='%238C6D3F' stroke-width='1' opacity='0.45'/%3E%3C/svg%3E") 8 12,text}.layout-root [disabled],.layout-root .cursor-not-allowed{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='7' fill='none' stroke='%232E89A6' stroke-width='1' opacity='0.2'/%3E%3Cline x1='8' y1='8' x2='16' y2='16' stroke='%23BF5B3A' stroke-width='1' opacity='0.2'/%3E%3C/svg%3E") 12 12,not-allowed}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.15);box-shadow:0 1px 4px #0000001f;cursor:pointer;transition:transform .2s,box-shadow .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.3);box-shadow:0 2px 8px #0003}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.15);box-shadow:0 1px 4px #0000001f;cursor:pointer}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInSlow{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes landingBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.animate-landing-breathe{animation:landingBreathe 2.5s ease-in-out infinite}.animate-slide-up{animation:slideUp .7s ease-out both}.animate-slide-in{animation:slideIn .5s ease-out both}.animate-scale-in{animation:scaleIn .5s ease-out both}.animate-fade-slow{animation:fadeInSlow 1.2s ease-out both}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:10px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#d4d4d4}.btn-press:active{transform:scale(.97);transition:transform .1s}.panel-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:#ebebeb;cursor:pointer;outline:none;position:relative;border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 1px 3px #0000000f}.panel-slider::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:transparent}.panel-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#333;border:2.5px solid white;box-shadow:0 1px 5px #0000004d,0 0 0 1px #0000000f;cursor:grab;margin-top:-4px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative;z-index:2}.panel-slider::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 2px 8px #00000059,0 0 0 1px #00000014}.panel-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15);box-shadow:0 1px 6px #0006,0 0 0 1px #0000001a}.panel-slider::-moz-range-track{height:8px;border-radius:999px;background:#ebebeb;border:1px solid rgba(0,0,0,.06);box-shadow:inset 0 1px 3px #0000000f}.panel-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#333;border:2.5px solid white;box-shadow:0 1px 5px #0000004d,0 0 0 1px #0000000f;cursor:grab}.panel-slider::-moz-range-progress{height:8px;border-radius:999px;background:#1a1a1a33}.system-label{font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:#3c3c468c;color:#14141475;transition:color .12s ease,letter-spacing .12s ease}.system-label:hover,.system-label:focus-visible{letter-spacing:.2em}[data-zone=earth] .system-label{color:#50463c99}[data-zone=fire] .system-label{color:#5a372899}[data-zone=water] .system-label{color:#32415099}[data-zone=air] .system-label{color:#282d3799}@keyframes ping-slow{0%{transform:scale(1);opacity:.6}75%,to{transform:scale(1.8);opacity:0}}.animate-ping-slow{animation:ping-slow 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes dnaOrbitDashDrift{0%{stroke-dashoffset:0}to{stroke-dashoffset:28}}.dna-orbit-ring-dash{animation:dnaOrbitDashDrift 4.5s linear infinite}@keyframes dnaOrbitLayerAlive{0%,to{filter:saturate(1) brightness(1)}50%{filter:saturate(1.12) brightness(1.02)}}.dna-orbit-rotate-layer--alive{animation:dnaOrbitLayerAlive 3.5s ease-in-out infinite}@keyframes dnaNucleusAlive{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dna-nucleus--alive>div{animation:dnaNucleusAlive 2.6s ease-in-out infinite;transform-origin:center center}@keyframes dnaSphereAlive{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.dna-orbit-sphere--alive>div.rounded-full{animation:dnaSphereAlive 2.2s ease-in-out infinite;transform-origin:center center}@keyframes dnaNucleusDialRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dna-nucleus-dial-inner{transform-origin:0px 0px;animation:dnaNucleusDialRotate 6.5s linear infinite}@media(min-width:768px){.dna-nucleus-dial-inner{opacity:0;animation-play-state:paused}.dna-nucleus-dial-inner.dna-nucleus-dial-inner--hot{opacity:.94;animation-play-state:running;animation-duration:3.35s}}@media(max-width:767px){.dna-nucleus-dial-inner{opacity:.36;animation-duration:9.5s}.dna-nucleus-dial-inner.dna-nucleus-dial-inner--hot{opacity:.9;animation-duration:3.6s}}@media(prefers-reduced-motion:reduce){.dna-orbit-ring-dash,.dna-orbit-rotate-layer--alive,.dna-nucleus--alive>div,.dna-orbit-sphere--alive>div.rounded-full,.dna-nucleus-dial-inner{animation:none!important}.dna-nucleus-dial-inner{opacity:.45!important}}@keyframes orbit-label-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.orbit-label-appear{animation:orbit-label-appear .3s ease-out both}@keyframes bead-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.bead-pulse{animation:bead-pulse 2s ease-in-out infinite}@keyframes ripple-out{0%{transform:scale(1);opacity:.6}to{transform:scale(5);opacity:0}}.ripple-out{animation:ripple-out .5s ease-out both}@keyframes beadRingIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.animate-bead-ring-in{animation:beadRingIn .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes beadEnter{0%{opacity:0;transform:scale(.3)}50%{opacity:.8;transform:scale(1.08)}70%{opacity:1;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes beadExit{0%{opacity:1;transform:scale(1)}30%{opacity:.8;transform:scale(1.05)}to{opacity:0;transform:scale(.3)}}.diagram-bead-enter{animation:beadEnter .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes beadSnap{0%{opacity:0;transform:scale(.4) translateY(6px)}60%{opacity:1;transform:scale(1.02) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}.diagram-bead-snap{animation:beadSnap .3s cubic-bezier(.22,.61,.36,1) both}@keyframes beadMorph{0%{opacity:.3;transform:scale(.7)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.diagram-bead-morph{animation:beadMorph .4s cubic-bezier(.25,.46,.45,.94) both}@keyframes ringPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes revealImage{0%{opacity:0;transform:scale(1.03) translateY(8px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.animate-reveal-image{animation:revealImage 1.6s cubic-bezier(.22,.61,.36,1) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.22,.61,.36,1) both}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slideInRight .5s cubic-bezier(.22,.61,.36,1) both}@keyframes pulseGlow{0%,to{opacity:.04}50%{opacity:.08}}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.6}50%{opacity:1}}.animate-breathe{animation:breathe 2s ease-in-out infinite}@keyframes hotspotBreathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.3);opacity:1}}@keyframes nucleusSunrise{0%{opacity:0;transform:scale(.3) translateY(120px);filter:blur(12px) brightness(.2)}25%{opacity:.4;transform:scale(.6) translateY(60px);filter:blur(6px) brightness(.6)}50%{opacity:.8;transform:scale(.85) translateY(20px);filter:blur(2px) brightness(.9)}75%{opacity:.95;transform:scale(1.04) translateY(-4px);filter:blur(0px) brightness(1.05)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0px) brightness(1)}}@keyframes nucleusGlowPulse{0%{box-shadow:0 0 #64a0ff00,0 0 #3c78dc00}30%{box-shadow:0 0 60px #64a0ff26,0 0 120px #3c78dc14}60%{box-shadow:0 0 40px #64a0ff40,0 0 80px #3c78dc1f}to{box-shadow:0 0 #64a0ff00,0 0 #3c78dc00}}@keyframes ringEmerge{0%{opacity:0;transform:scale(.4);filter:blur(8px)}40%{opacity:.3;transform:scale(.7);filter:blur(4px)}70%{opacity:.8;transform:scale(1.06);filter:blur(0px)}85%{opacity:.95;transform:scale(.98);filter:blur(0px)}to{opacity:1;transform:scale(1);filter:blur(0px)}}@keyframes ringBulge{0%{opacity:0;transform:scale(.2);filter:blur(10px)}30%{opacity:.2;transform:scale(.5);filter:blur(6px)}60%{opacity:.7;transform:scale(1.08);filter:blur(1px)}80%{opacity:.9;transform:scale(.96);filter:blur(0px)}to{opacity:1;transform:scale(1);filter:blur(0px)}}@keyframes sunriseGlow{0%{opacity:0;r:80}30%{opacity:.3}60%{opacity:.15;r:400}to{opacity:0;r:600}}@keyframes nucleusBreathe{0%{transform:scale(1)}50%{transform:scale(1.012)}to{transform:scale(1)}}@keyframes tutorialPulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.4);opacity:0}51%{transform:scale(1);opacity:0}to{transform:scale(1);opacity:.6}}@keyframes clickHintBounce{0%,to{transform:translateY(0) scale(1);opacity:.8}15%{transform:translateY(-4px) scale(.92);opacity:1}30%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(0) scale(1);opacity:.5}}@keyframes rotateHint{0%{transform:rotate(0);opacity:.7}40%{transform:rotate(45deg);opacity:.9}70%{transform:rotate(-20deg);opacity:.7}to{transform:rotate(0);opacity:.5}}.nucleus-sunrise{animation:nucleusSunrise 2s cubic-bezier(.22,.61,.36,1) both}.nucleus-breathe{animation:nucleusBreathe 7s ease-in-out infinite}.nucleus-glow-pulse{animation:nucleusGlowPulse 2.5s ease-out both;animation-delay:.3s}.ring-emerge-1{animation:ringEmerge 1.4s cubic-bezier(.22,.61,.36,1) both;animation-delay:1s}.ring-emerge-2{animation:ringBulge 1.4s cubic-bezier(.22,.61,.36,1) both;animation-delay:1.4s}.ring-emerge-3{animation:ringBulge 1.4s cubic-bezier(.22,.61,.36,1) both;animation-delay:1.8s}@keyframes ringGlowPulse{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.ring-glow-active{animation:ringGlowPulse 3s ease-in-out both}.workspace-content-reveal{animation:fadeInUp 1s cubic-bezier(.22,.61,.36,1) both;animation-delay:2.4s}.touch-target-auto{min-height:auto;min-width:auto}@media(pointer:coarse){.touch-target-min{min-height:44px;min-width:44px;box-sizing:border-box}}@media(max-width:767px){.mobile-sidebar-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;max-width:100%!important;z-index:50!important;transform:none!important}}@media(max-width:639px){html,body{overflow-x:hidden}}@keyframes dnaAttentionGlow{0%,to{box-shadow:0 0 0 0 var(--dna-glow, rgba(0,0,0,.25)),0 1px 3px #0000001f;transform:scale(1)}50%{box-shadow:0 0 12px 3px var(--dna-glow, rgba(0,0,0,.25)),0 1px 3px #0000001f;transform:scale(1.08)}}.dna-attention{animation:dnaAttentionGlow 2.2s ease-in-out 3}@media(prefers-reduced-motion:reduce){.dna-attention{animation:none;box-shadow:0 0 10px 2px var(--dna-glow, rgba(0,0,0,.25)),0 1px 3px #0000001f}}.shre-gen-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.35rem;border-radius:9999px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:#fff;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,var(--gen-color, #1a1a1a) 0%,color-mix(in srgb,var(--gen-color, #1a1a1a) 72%,#000) 100%);box-shadow:0 4px 18px color-mix(in srgb,var(--gen-color, #1a1a1a) 38%,transparent),inset 0 1px #ffffff24;transition:transform .32s cubic-bezier(.22,.61,.36,1),box-shadow .32s cubic-bezier(.22,.61,.36,1);overflow:hidden}.shre-gen-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);transform:translate(-120%);transition:transform .6s ease}.shre-gen-btn:hover:before{transform:translate(120%)}.shre-gen-btn:hover{transform:translateY(-1px);box-shadow:0 8px 26px color-mix(in srgb,var(--gen-color, #1a1a1a) 48%,transparent),inset 0 1px #ffffff2e}.shre-gen-btn:active{transform:translateY(0) scale(.98)}.shre-gen-btn.w-full{width:100%}.shre-balance-card{position:relative;border-radius:14px;padding:.55rem .65rem .5rem;background:linear-gradient(160deg,#ffffffeb,#fafafcc7);border:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.shre-balance-card.is-dominant{border-color:color-mix(in srgb,var(--el-color) 35%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--el-color) 12%,transparent),0 6px 20px color-mix(in srgb,var(--el-color) 14%,transparent)}.shre-balance-track{height:3px;border-radius:9999px;background:#0000000d;overflow:hidden}.shre-balance-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,color-mix(in srgb,var(--el-color) 55%,#fff),var(--el-color));box-shadow:0 0 10px color-mix(in srgb,var(--el-color) 45%,transparent);transition:width .4s cubic-bezier(.22,.61,.36,1)}.shre-palette-chip{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:.45rem .5rem .4rem;border-radius:12px;border:1px solid rgba(0,0,0,.06);background:#ffffffb3;transition:all .28s cubic-bezier(.22,.61,.36,1)}.shre-palette-chip:hover{border-color:#0000001f;background:#fffffff2}.shre-palette-chip.is-active{border-color:color-mix(in srgb,var(--chip-accent, #1a1a1a) 40%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--chip-accent, #1a1a1a) 15%,transparent),0 4px 16px color-mix(in srgb,var(--chip-accent, #1a1a1a) 12%,transparent)}.shre-palette-strip{display:flex;height:10px;border-radius:9999px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.shre-palette-strip span{flex:1}.shre-results-root{background:#eceae6}.shre-hero-frame{position:relative;overflow:hidden;background:#1a1a1a;box-shadow:0 24px 80px -20px #00000047,0 0 0 1px #0000000f}.shre-hero-frame img{image-rendering:auto}.shre-hero-tag{position:absolute;top:1rem;left:1rem;z-index:15;padding:.55rem .75rem;border-radius:2px;background:#0c0c0c6b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)}.shre-hero-tag__el{display:block;font-size:9px;letter-spacing:.32em;text-transform:uppercase;color:#ffffff8c;font-weight:400;margin-bottom:.15rem}.shre-hero-tag__name{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#fff;font-weight:500;line-height:1.2}.shre-hotspot-dot{width:8px;height:8px;border-radius:9999px;cursor:pointer;background:#ffffffd1;box-shadow:0 0 0 1px #00000026,0 2px 8px #00000040;transition:transform .2s ease,box-shadow .2s ease}.shre-hotspot-dot.is-hovered,.shre-hotspot-dot.is-active{transform:scale(1.35);box-shadow:0 0 0 1px #ffffff80,0 0 16px #ffffff59}.shre-meta-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.65rem 1rem;background:#f7f6f3;border-top:1px solid rgba(0,0,0,.06)}.shre-meta-bar__title{min-width:0;flex:1 1 140px}.shre-meta-bar__room{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#1a1a1a;font-weight:500;line-height:1.3}.shre-meta-bar__sub{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#9a9590;font-weight:400;margin-top:.15rem}.shre-meta-bar__balance{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.shre-meta-bar__balance span{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;font-variant-numeric:tabular-nums;color:#8a8580;font-weight:400}.shre-meta-bar__balance span.is-dom{color:#2a2a2a;font-weight:500}.shre-meta-bar__actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0;margin-left:auto}.shre-meta-btn{padding:.35rem .65rem;font-size:8px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:#6b6660;border:1px solid rgba(0,0,0,.08);border-radius:2px;background:#ffffffa6;transition:color .15s ease,border-color .15s ease,background .15s ease}.shre-meta-btn:hover{color:#1a1a1a;border-color:#00000029;background:#fff}.shre-panel{padding:.85rem 1.25rem 1rem;background:#f7f6f3}.shre-panel-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.65rem;padding-bottom:.45rem;border-bottom:1px solid rgba(0,0,0,.06)}.shre-panel-head__title{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:#3a3a3a;font-weight:500}.shre-panel-head__meta{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#b0aba5;font-weight:400}.shre-history-thumb{border-radius:2px;overflow:hidden;border:1px solid rgba(0,0,0,.08);transition:border-color .2s ease,opacity .2s ease}.shre-history-thumb.is-selected{border-color:#1a1a1a;box-shadow:0 0 0 1px #1a1a1a}.shre-history-thumb:not(.is-selected){opacity:.72}.shre-history-thumb:not(.is-selected):hover{opacity:1;border-color:#0003}.shre-mat-label{font-size:7px;letter-spacing:.06em;text-transform:uppercase;color:#8a8580;text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}