@media(prefers-color-scheme:dark){:root{--first: #b7b7ff;--second: #a5a5ff;--background: #242424}}@media(prefers-color-scheme:light){:root{--first: #4a4aff;--second: #3636cc;--background: #d3d3ff}}*{margin:0;padding:0;box-sizing:border-box}body{overflow:auto;min-width:100vw;min-height:100vh;background:var(--background);font-family:system-ui,-apple-system,sans-serif;color:var(--first);cursor:none;position:relative}.custom-cursor{position:fixed;width:32px;height:32px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.custom-cursor img{width:100%;height:100%}.placed-disco{position:fixed;width:64px;height:64px;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .3s ease}.placed-disco img{width:100%;height:100%}.placed-text{color:var(--first);font-size:1.5rem;font-weight:700;pointer-events:auto;cursor:pointer;word-wrap:break-word;max-width:90vw}.text-container{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem}.text-name{color:var(--second);font-size:.75rem;opacity:.8;white-space:nowrap}.text-input{position:absolute;transform:translate(-50%,-50%);padding:.5rem;font-size:1.5rem;background:var(--background);border:2px solid var(--first);color:var(--first);outline:none;border-radius:4px;font-family:inherit}.button-container{position:fixed;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:1000}.action-button{padding:.75rem 1.5rem;background:var(--background);border:2px solid var(--first);color:var(--first);font-size:3rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s;min-width:60px;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}@media(hover:none)and (pointer:coarse),(max-width:768px){.button-container{bottom:80px!important;left:80px!important;right:80px!important}.action-button{padding:1rem 1.75rem;font-size:3.5rem;min-width:80px}}.action-button:disabled{opacity:.6}.action-button.spinning{animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-button:hover{background:var(--first);color:var(--background)}.space{width:100vw;height:100vh;position:relative;background:var(--background);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.space h1{font-size:3rem;color:var(--first)}.space p{font-size:1.2rem;color:var(--second)}