*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#f1e8d4;font-family:Onest,-apple-system,system-ui,sans-serif}body{min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}#companion-screen::-webkit-scrollbar{width:4px}#companion-screen::-webkit-scrollbar-thumb{background:#2a24182e;border-radius:4px}.room-wallpaper{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% 30%,rgba(217,155,41,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(196,85,51,.07) 0%,transparent 60%)}@keyframes companion-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes companion-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes companion-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes companion-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}@keyframes companion-spark{0%,to{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}@keyframes companion-drift{0%{transform:translate(0)}to{transform:translate(220px)}}@keyframes companion-led-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes companion-screen-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.companion-screen-enter{animation:companion-screen-enter .22s cubic-bezier(.32,.72,.32,1) both}.companion-press{transition:transform .1s cubic-bezier(.32,.72,.32,1)}.companion-press:active{transform:scale(.96)}@keyframes companion-tab-bump{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.companion-tab-bump{animation:companion-tab-bump .32s cubic-bezier(.32,.72,.32,1)}@media (hover: hover){.companion-card-hover{transition:transform .18s,box-shadow .18s}.companion-card-hover:hover{transform:translateY(-1px)}}@keyframes companion-drift-1{0%{transform:translate(0) rotate(-4deg)}25%{transform:translate(12px,-8px) rotate(3deg)}50%{transform:translate(4px,10px) rotate(-2deg)}75%{transform:translate(-10px,2px) rotate(5deg)}to{transform:translate(0) rotate(-4deg)}}@keyframes companion-drift-2{0%{transform:translate(0) rotate(2deg)}33%{transform:translate(-14px,-6px) rotate(-4deg)}66%{transform:translate(8px,12px) rotate(3deg)}to{transform:translate(0) rotate(2deg)}}@keyframes companion-drift-3{0%{transform:translateY(-4px) rotate(-2deg)}50%{transform:translate(10px,8px) rotate(4deg)}to{transform:translateY(-4px) rotate(-2deg)}}@keyframes companion-drift-4{0%{transform:translate(-6px) rotate(3deg)}25%{transform:translate(6px,-10px)rotate(-3deg)}50%{transform:translate(12px,4px) rotate(2deg)}75%{transform:translate(-4px,8px) rotate(-4deg)}to{transform:translate(-6px) rotate(3deg)}}.companion-drift-1{animation:companion-drift-1 5.2s ease-in-out infinite}.companion-drift-2{animation:companion-drift-2 6s ease-in-out infinite}.companion-drift-3{animation:companion-drift-3 4.6s ease-in-out infinite}.companion-drift-4{animation:companion-drift-4 6.8s ease-in-out infinite}
