*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #3F72AF;--accent2: #2A8C6A;--bg: #F9F7F7;--surface: #FFFFFF;--text: #112D4E;--scrollbar: #DBE2EF;--scrollbar-hover: #C0CEDF;--placeholder: #8A9BB0;--range-track: #DBE2EF}[data-theme=dark]{--bg: #0D0C0A;--surface: #1A1814;--text: #F2EFE8;--scrollbar: rgba(255,255,255,.12);--scrollbar-hover: rgba(255,255,255,.2);--placeholder: #6A6460;--range-track: rgba(255,255,255,.1)}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;transition:background .25s ease,color .25s ease}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}::placeholder{color:var(--placeholder)!important}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--range-track);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;transition:background .2s}@keyframes float-anger{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-6px)}}@keyframes float-fear{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-9px)}}@keyframes float-anticipation{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}@keyframes float-joy{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-11px)}}@keyframes float-calm{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}@keyframes float-sadness{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-7px)}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageFadeIn .25s ease-out}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(63,114,175,.4);outline-offset:2px}button:focus:not(:focus-visible){outline:none}p,h1,h2,h3,h4{text-wrap:pretty}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}.emotion-canvas{cursor:none}