:root{color-scheme:dark;--ink: #ffffff;--glow-pink: #ff2aa8;--glow-pink-rgb: 255, 42, 168}*{box-sizing:border-box}html,body,#root,.app{margin:0;padding:0;width:100%;height:100vh;height:100dvh;background:#000;color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;overflow:hidden}html,body,.app,button,a,input,textarea,label{cursor:url(/ui/cursor.svg) 17 17,auto}.app{position:relative}.app canvas{display:block;touch-action:none}.scene-fade{position:fixed;inset:0;background:#000;pointer-events:none;z-index:70}.scene-back{position:fixed;top:calc(18px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));z-index:60;display:flex;align-items:center;gap:7px;background:#100c127a;border:1px solid rgba(var(--glow-pink-rgb),.42);border-radius:999px;padding:8px 13px 9px 11px;color:#fff;font-family:inherit;font-size:15px;line-height:1;box-shadow:0 0 0 1px #00000080,0 8px 22px #00000052,0 0 18px rgba(var(--glow-pink-rgb),.14);text-shadow:0 0 8px rgba(0,0,0,.9),0 0 14px rgba(var(--glow-pink-rgb),.24);opacity:.9;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}.scene-back:before{content:"<";color:var(--glow-pink);font-size:17px;line-height:.8;transform:translateY(-1px)}@media (hover: hover){.scene-back:hover{background:#1c141ea3;border-color:rgba(var(--glow-pink-rgb),.82);box-shadow:0 0 0 1px #00000085,0 8px 24px #00000057,0 0 18px rgba(var(--glow-pink-rgb),.34),0 0 32px rgba(var(--glow-pink-rgb),.16);opacity:1;transform:translate(-2px)}}.scene-back:active{opacity:1;transform:translate(-2px)}.friend-label{position:relative;padding:0;margin:0;background:transparent;border:0;opacity:0;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:friend-appear 1.8s ease-out 0s 1 forwards,friend-breathe 4.5s ease-in-out 1.8s infinite}.friend-label--primary{animation:friend-appear-magenta 1.2s ease-out 0s 1 forwards,friend-breathe-magenta 3.5s ease-in-out 0s infinite}.friend-label__box{display:block;width:100%;height:100%;pointer-events:none;user-select:none;transition:filter .2s ease}@media (hover: hover){.friend-label--primary:hover .friend-label__box{filter:brightness(1.3) drop-shadow(0 0 10px var(--glow-pink)) drop-shadow(0 0 22px var(--glow-pink))}}.friend-label--primary:active .friend-label__box{filter:brightness(1.4) drop-shadow(0 0 14px var(--glow-pink)) drop-shadow(0 0 28px var(--glow-pink))}.friend-label__word{position:absolute;left:calc(100% + 6px);top:-6px;color:#fff;font-family:inherit;font-weight:400;font-size:18px;line-height:1;letter-spacing:.01em;white-space:nowrap;text-shadow:0 0 12px rgba(0,0,0,.7);pointer-events:none}.work-icon{position:relative;display:grid;place-items:center;width:92px;height:116px;padding:0;background:transparent;border:0;color:#fff;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent}.work-icon__image{display:block;width:92px;height:116px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 7px 14px rgba(0,0,0,.75));transition:filter .18s ease,transform .18s ease}.work-icon__title{position:absolute;left:50%;bottom:calc(100% + 10px);width:min(260px,72vw);color:#fff;font-family:inherit;font-size:13px;line-height:1.25;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.95),0 0 18px rgba(var(--glow-pink-rgb),.36);opacity:0;pointer-events:none;transform:translate(-50%,8px) scale(.96);transition:opacity .18s ease,transform .18s ease}@media (hover: hover){.work-icon:hover .work-icon__image{filter:brightness(1.18) drop-shadow(0 0 8px rgba(var(--glow-pink-rgb),.95)) drop-shadow(0 0 24px rgba(var(--glow-pink-rgb),.5)) drop-shadow(0 8px 16px rgba(0,0,0,.72));transform:translateY(-2px) scale(1.04)}.work-icon:hover .work-icon__title{opacity:1;transform:translate(-50%) scale(1)}}.work-icon:focus-visible{outline:0}.work-icon:focus-visible .work-icon__image{filter:brightness(1.18) drop-shadow(0 0 8px rgba(var(--glow-pink-rgb),.95)) drop-shadow(0 0 24px rgba(var(--glow-pink-rgb),.5)) drop-shadow(0 8px 16px rgba(0,0,0,.72));transform:translateY(-2px) scale(1.04)}.work-icon:focus-visible .work-icon__title{opacity:1;transform:translate(-50%) scale(1)}@keyframes friend-appear{0%{opacity:0;filter:drop-shadow(0 0 0 rgba(var(--glow-pink-rgb),0))}to{opacity:1;filter:drop-shadow(0 0 8px rgba(var(--glow-pink-rgb),.28))}}@keyframes friend-breathe{0%,to{opacity:1;filter:drop-shadow(0 0 5px rgba(var(--glow-pink-rgb),.22))}50%{opacity:1;filter:drop-shadow(0 0 14px rgba(var(--glow-pink-rgb),.42))}}@keyframes friend-appear-magenta{0%{opacity:0}to{opacity:1}}@keyframes friend-breathe-magenta{0%,to{filter:drop-shadow(0 0 8px rgba(var(--glow-pink-rgb),.4))}50%{filter:drop-shadow(0 0 20px rgba(var(--glow-pink-rgb),.75))}}.chat-overlay{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(680px,90vw);max-height:calc(100dvh - 48px - env(safe-area-inset-bottom) - env(safe-area-inset-top));z-index:40;font-size:16px;line-height:1.4;color:#fff}.chat-overlay--hidden{opacity:0;pointer-events:none;visibility:hidden}.chat-frame{position:relative;background:#fffdfda3;border:3px solid #000;border-radius:18.5px;padding:20px 28px;min-height:160px;max-height:calc(100dvh - 80px - env(safe-area-inset-bottom) - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat-content{display:flex;flex-direction:column;gap:14px}.chat-dialogue{display:flex;flex-direction:column;gap:8px}.chat-line{margin:0;color:#000;font-family:inherit;font-weight:400;font-size:16px;line-height:1.45}.chat-options{list-style:none;margin:0;margin-top:1.25rem;padding:0;display:flex;flex-direction:column;gap:6px}.chat-options--nav{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.chat-options__form{padding-left:0}.chat-option{display:flex;align-items:flex-start;gap:8px;background:transparent;border:0;padding:2px 0;color:#000;font-family:inherit;font-weight:400;font-size:16px;line-height:1.4;text-align:left;text-decoration:none;width:100%;transition:opacity .16s ease,transform .16s ease}@media (hover: hover){.chat-option:hover:not(:disabled){opacity:.7;transform:translate(2px)}}.chat-option:active:not(:disabled){opacity:.6;transform:translate(2px)}.chat-option:disabled{opacity:.5}.chat-option__arrow{color:#000;font-weight:500;width:14px;flex:0 0 14px;user-select:none}.chat-option__label{flex:1}.chat-option strong{font-weight:500}.chat-option--input input,.chat-option--input textarea{flex:1;background:transparent;border:0;outline:0;color:#000;font-family:inherit;font-weight:400;font-size:16px;line-height:1.4;resize:none;padding:0}.chat-option--input input::placeholder,.chat-option--input textarea::placeholder{color:#00000073}.chat-option--textarea{align-items:flex-start}.chat-option--textarea textarea{min-height:54px}.chat-option--submit{width:auto;align-self:flex-start;margin-top:2px}.contact-form{display:flex;flex-direction:column;gap:6px;width:100%}.contact-error{color:#000;opacity:.8;font-size:13px;margin-left:22px}.chat-close{position:absolute;top:-28px;right:-4px;width:24px;height:24px;display:grid;place-items:center;background:transparent;border:1px solid rgba(255,255,255,.7);color:#fff;font-family:inherit;font-size:16px;line-height:1;padding:0;transition:background .16s ease}@media (hover: hover){.chat-close:hover{background:#ffffff26}}.chat-close:active{background:#ffffff40}.mute-toggle{position:fixed;top:calc(18px + env(safe-area-inset-top));right:calc(18px + env(safe-area-inset-right));width:36px;height:36px;display:grid;place-items:center;background:transparent;border:0;padding:0;z-index:60;opacity:.8;transition:opacity .16s ease}@media (hover: hover){.mute-toggle:hover{opacity:1}}.mute-toggle:active{opacity:1}.grain-overlay{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:overlay;opacity:.1;z-index:9999}@media (max-width: 420px){.chat-overlay{width:min(680px,94vw)}.chat-frame{padding:16px 20px}.chat-line,.chat-option,.chat-option--input input,.chat-option--input textarea,.friend-label__word{font-size:16px}}