@import"https://fonts.googleapis.com/css2?family=Bilbo&family=Cause:wght@100..900&family=Schoolbell&display=swap";:root{font-family:Cause,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fffffff2;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#ff9a9e,#fecfef 99% 100%);color:#5d3fd3}h1{font-size:4em;line-height:1.1;background:linear-gradient(to right,#fff,#ffe4e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:.5rem}p{font-size:1.5em;color:#fff;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stack-container{position:relative;width:100%;height:100%;perspective:600px}.card-rotate{position:absolute;width:100%;height:100%;cursor:grab}.card-rotate-disabled{position:absolute;width:100%;height:100%;cursor:pointer}.card{border-radius:1rem;overflow:hidden;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.card img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.card-image{width:100%;height:100%;object-fit:cover;pointer-events:none}.focus-container{position:relative;display:flex;gap:1em;justify-content:center;align-items:center;flex-wrap:wrap;outline:none;-webkit-user-select:none;user-select:none}.focus-word{position:relative;font-size:3rem;font-weight:900;cursor:pointer;transition:filter .3s ease,color .3s ease;outline:none;-webkit-user-select:none;user-select:none}.focus-word.active{filter:blur(0)}.focus-frame{position:absolute;top:0;left:0;pointer-events:none;box-sizing:content-box;border:none}.corner{position:absolute;width:1rem;height:1rem;border:3px solid var(--border-color, #fff);filter:drop-shadow(0px 0px 4px var(--border-color, #fff));border-radius:3px;transition:none}.top-left{top:-10px;left:-10px;border-right:none;border-bottom:none}.top-right{top:-10px;right:-10px;border-left:none;border-bottom:none}.bottom-left{bottom:-10px;left:-10px;border-right:none;border-top:none}.bottom-right{bottom:-10px;right:-10px;border-left:none;border-top:none}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}.star-border-container{display:inline-block;position:relative;border-radius:20px;overflow:hidden}.border-gradient-bottom{position:absolute;width:300%;height:50%;opacity:.7;bottom:-12px;right:-250%;border-radius:50%;animation:star-movement-bottom linear infinite alternate;z-index:0}.border-gradient-top{position:absolute;opacity:.7;width:300%;height:50%;top:-12px;left:-250%;border-radius:50%;animation:star-movement-top linear infinite alternate;z-index:0}.inner-content{position:relative;border:1px solid #222;background:#000;color:#fff;font-size:16px;text-align:center;padding:16px 26px;border-radius:20px;z-index:1}@keyframes star-movement-bottom{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes star-movement-top{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.myspace-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:2rem;box-sizing:border-box}.myspace-content{text-align:center;max-width:800px}.myspace-header{font-size:1.5em;font-weight:700;line-height:1.1;background:linear-gradient(to right,#fff,#ffe4e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:1rem;font-family:Cause,sans-serif}.myspace-content p{font-size:1.5em;color:#fff;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.1)}.myspace-controls{position:fixed;bottom:2rem;right:2rem;z-index:10}.custom-star-border{padding:1rem 2rem;color:#fff;font-family:inherit;font-size:1.2rem;cursor:pointer;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px;white-space:nowrap}.socials-hint{position:absolute;top:50%;right:100%;transform:translateY(-50%);display:flex;flex-direction:row;align-items:center;gap:10px;pointer-events:none;animation:floatSocials 3s ease-in-out infinite;z-index:50;margin-right:15px}.socials-text{font-family:Schoolbell,cursive;font-size:1.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);white-space:nowrap}.socials-arrow{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transform:rotate(-90deg);color:#fff}@keyframes floatSocials{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-10px)}}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;text-align:center}.content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.stack-wrapper{position:fixed;bottom:2rem;right:2rem;width:250px;height:250px;z-index:10}.myspace-button{margin-top:1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:2rem;padding:.5rem 2rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.myspace-button:hover{background:#ffffff40;border-color:#fff9;transform:scale(1.05);box-shadow:0 8px 32px #ffb6c166}.swipe-hint{position:absolute;top:50%;left:-80px;transform:translateY(-50%) rotate(-15deg);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;animation:float 3s ease-in-out infinite;z-index:20}.hint-text{font-family:Schoolbell,cursive;font-size:1.5rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}.hint-arrow{transform:rotate(90deg) scaleY(-1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));margin-top:-10px}@keyframes float{0%,to{transform:translateY(-50%) rotate(-15deg) translate(0)}50%{transform:translateY(-50%) rotate(-15deg) translate(-10px)}}@keyframes floatMobile{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.click-hint{position:absolute;top:100%;left:50%;transform:translate(-50%) rotate(-10deg);display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:floatClick 3s ease-in-out infinite;z-index:20;margin-top:10px}.click-text{font-family:Schoolbell,cursive;font-size:1.2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);white-space:nowrap;order:2}.click-arrow{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transform:rotate(180deg) scaleX(-1);order:1;margin-bottom:-5px}@keyframes floatClick{0%,to{transform:translate(-50%) rotate(-10deg) translateY(0)}50%{transform:translate(-50%) rotate(-10deg) translateY(10px)}}