@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap";@font-face{font-family:Fog;src:url(/fonts/instrument-sans-variable.woff2) format("woff2");font-weight:100 900;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;overflow:hidden;background:#0a0a0a;font-family:Fog,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;touch-action:none;user-select:none;-webkit-user-select:none;padding-bottom:env(safe-area-inset-bottom,0)}#fog-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity 2s ease;image-rendering:auto}#fog-canvas.ready{opacity:1}#fog-loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:#0a0a0d;display:flex;align-items:center;justify-content:center;transition:opacity 2s ease;pointer-events:none}#fog-loading.fade{opacity:0}#fog-loading-dot{width:6px;height:6px;border-radius:50%;background:#ffffff26;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}#fog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}#fog-text{max-width:800px;padding:0 2rem;text-align:center;color:#ffffffb3;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:300;line-height:1.7;letter-spacing:.02em;opacity:0}#fog-text[data-phase=warmup]{font-family:Fog,Inter,system-ui,sans-serif;font-size:clamp(.875rem,1.5vw,1.05rem);font-weight:300;letter-spacing:.08em;text-transform:lowercase;color:#ffffff73;line-height:1.8}#fog-text[data-phase=engage]{font-family:Fog,Inter,system-ui,sans-serif;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:300;letter-spacing:.03em;color:#fff9;line-height:1.7}#fog-text[data-phase=evocative]{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.35rem,3.2vw,2rem);font-weight:300;letter-spacing:-.01em;font-style:italic;color:#ffffffbf;line-height:1.5}#fog-text[data-phase=bridge]{font-family:Fog,Inter,system-ui,sans-serif;font-size:clamp(1.5rem,3.8vw,2.5rem);font-weight:400;letter-spacing:.02em;color:#ffffffe6;line-height:1.4}#fog-text[data-phase=exit]{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:400;letter-spacing:0em;color:#ffffffd9;line-height:1.5}#fog-text[data-phase=depart]{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:300;letter-spacing:.03em;color:#fffffff2;line-height:1.3}#fog-input-area{margin-top:2rem;width:100%;max-width:600px;padding:0 2rem;pointer-events:auto}#fog-input{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.15);color:#ffffffd9;font-family:inherit;font-size:clamp(1rem,2vw,1.25rem);font-weight:300;line-height:1.6;padding:.75rem 0;outline:none;text-align:center;caret-color:#ffffff80}#fog-input::placeholder{color:#fff3}#fog-input:focus{border-bottom-color:#ffffff4d}#fog-draw-area{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:15}#draw-canvas{width:100%;height:100%}.hidden{display:none!important}#fog-cursor{position:fixed;width:8px;height:8px;border-radius:50%;background:#ffffff4d;pointer-events:none;z-index:100;transform:translate(-50%,-50%);transition:width .3s,height .3s,background .3s;mix-blend-mode:screen}#fog-cursor.active{width:12px;height:12px;background:#ffffff80}.sense-object{position:absolute;pointer-events:auto;cursor:none;opacity:0;transition:opacity 3s ease,transform .6s ease,color .6s ease,background .6s ease,border-color .6s ease,box-shadow .6s ease;transform:translate(-50%,-50%)}.sense-shape{width:60px;height:60px;border-radius:50%;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.sense-shape.hovered{background:#ffffff0d;border-color:#ffffff26;box-shadow:0 0 20px #ffffff0d;transform:translate(-50%,-50%) scale(1.1)}.sense-word{color:#ffffff1f;font-size:1.1rem;font-weight:300;letter-spacing:.15em;padding:1rem 2rem}.sense-word.hovered{color:#fff6;text-shadow:0 0 20px rgba(255,255,255,.1);transform:translate(-50%,-50%) scale(1.05)}.sense-point{color:#fff3;font-size:2rem;padding:1rem}.sense-point.hovered{color:#ffffff80;text-shadow:0 0 15px rgba(255,255,255,.15);transform:translate(-50%,-50%) scale(1.3)}.sense-image{color:#ffffff14;font-size:1.8rem;padding:1rem}.sense-image.hovered{color:#ffffff40;text-shadow:0 0 20px rgba(255,255,255,.08);transform:translate(-50%,-50%) scale(1.1)}.sense-object.activated{color:#ffffffb3!important;transform:translate(-50%,-50%) scale(1.4)!important;transition:all .3s ease!important}.sense-shape.activated{background:#ffffff1a!important;border-color:#ffffff4d!important;box-shadow:0 0 40px #ffffff1a!important}#fog-mode-selector{display:flex;gap:2rem;margin-top:2rem;pointer-events:auto;opacity:0;transition:opacity 2s ease}#fog-mode-selector.visible{opacity:1}.mode-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:none;padding:1rem 1.5rem;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#ffffff05;transition:all .4s ease;pointer-events:auto;-webkit-tap-highlight-color:transparent}.mode-option:hover,.mode-option:active{border-color:#fff3;background:#ffffff0d}.mode-option:hover{transform:translateY(-2px)}.mode-option:active{transform:scale(.97)}.mode-option .mode-name{color:#ffffff80;font-size:.95rem;font-weight:400;letter-spacing:.1em}.mode-option .mode-desc{color:#ffffff40;font-size:.75rem;font-weight:300;letter-spacing:.05em}.mode-option:hover .mode-name,.mode-option:active .mode-name{color:#fffc}.mode-option:hover .mode-desc,.mode-option:active .mode-desc{color:#fff6}@media(max-width:768px){#fog-mode-selector{flex-direction:column;gap:.75rem;align-items:center;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:.5rem 1rem}.mode-option{padding:.75rem 1.25rem;width:80%;max-width:280px}}@media(max-width:768px){body{cursor:default}#fog-cursor{display:none}#fog-text{font-size:1.125rem;padding:0 1.5rem}#fog-input-area{padding:0 1.5rem;margin-top:1rem}#fog-overlay.keyboard-open{justify-content:flex-start;padding-top:15vh}#sketch-layer{cursor:default}}@media(hover:none){body{cursor:default}#fog-cursor{display:none}.sense-word,.sense-shape,.sense-point,.sense-image,.mode-option,#artifact-btn,#sketch-layer{cursor:default}}#sketch-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:auto;cursor:none;opacity:.6}#artifact-btn{position:fixed;bottom:calc(2.5rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:20;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffff73;font-family:Fog,Inter,system-ui,sans-serif;font-size:.85rem;font-weight:300;letter-spacing:.1em;padding:.6rem 1.5rem;cursor:none;pointer-events:auto;transition:all .4s ease;-webkit-tap-highlight-color:transparent}#artifact-btn:hover,#artifact-btn:active{border-color:#ffffff40;background:#ffffff14;color:#ffffffb3}#ghost-text-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:-1}.ghost-word{position:absolute;transform:translate(-50%,-50%) rotate(var(--ghost-rot, 0deg));font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(.7rem,1.2vw,.95rem);font-weight:300;font-style:italic;color:#ffffff0f;max-width:280px;text-align:center;line-height:1.5;opacity:0;transition:opacity 8s ease}.ghost-word.visible{opacity:1;animation:ghost-drift 45s linear forwards}.ghost-word.fading{opacity:0;transition:opacity 8s ease}@keyframes ghost-drift{0%{transform:translate(-50%,-50%) rotate(var(--ghost-rot, 0deg)) translateY(0)}to{transform:translate(-50%,-50%) rotate(var(--ghost-rot, 0deg)) translateY(-40px)}}.fill-floating-quote{position:absolute;transform:translate(-50%,-50%) rotate(var(--float-rot, 0deg));font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(.65rem,1vw,.85rem);font-weight:300;font-style:italic;color:#ffffff1f;max-width:250px;text-align:center;line-height:1.5;pointer-events:none}#mood-checkin{user-select:none;-webkit-user-select:none}.mood-word-btn{-webkit-tap-highlight-color:transparent}.mood-word-btn:hover{transform:scale(1.05)}.mood-word-btn:active{transform:scale(.95)}.mode-rec{display:block;font-size:.55rem;font-weight:300;letter-spacing:.1em;color:#ffffff40;margin-top:.3rem;text-transform:uppercase}#bls-dot{transition:left 1s ease-in-out}#ground-btn{-webkit-tap-highlight-color:transparent;opacity:.6;transition:opacity .4s ease,border-color .4s ease,color .4s ease}#ground-btn:hover,#ground-btn:active{opacity:1}#body-map-container{user-select:none;-webkit-user-select:none}#body-map-container svg circle{transition:fill .3s ease,stroke .3s ease}#body-map-container svg circle:hover{fill:#ffffff14!important}.sense-word span{display:inline}#freewrite-container textarea::placeholder{color:#ffffff26;font-style:italic}#play-prompt{text-align:center;user-select:none;-webkit-user-select:none}#play-exit-btn{-webkit-tap-highlight-color:transparent}#play-exit-btn:active{border-color:#ffffff4d!important;color:#ffffff80!important}@media(max-width:768px){#mood-checkin{width:90%;max-width:none}#mood-checkin .mood-word-btn{font-size:.85rem;padding:.5rem .8rem}#body-map-container svg{width:160px;height:160px}#ground-btn{bottom:calc(.8rem + env(safe-area-inset-bottom,0px));right:.8rem;font-size:.6rem;padding:.3rem .5rem}#artifact-btn{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}#mood-checkin{max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}}