@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&family=Outfit:wght@400;500;700&family=Gaegu:wght@400;700&display=swap";:root{--bg-primary: #1a1a2e;--bg-card: #16213e;--accent-coral: #ff8fab;--accent-lavender: #c8b6ff;--accent-cream: #ffd6a5;--accent-mint: #caffbf;--text-primary: #f0f0f0;--text-secondary: #a0a0b0;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);font-family:Noto Sans KR,Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary)}#root{width:100%;height:100%;padding:0;margin:0;overflow:hidden}.card{padding:2em;border-radius:12px;background-color:var(--bg-card);box-shadow:0 4px 6px #0000004d;margin-bottom:2rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;color:var(--text-primary)}.white-plate{background:#fff;border-radius:24px;box-shadow:0 10px 30px #0003;color:#333;width:85%;max-width:1200px;height:85%;margin:auto;position:relative;overflow-y:auto;padding:2rem}.panel-backdrop{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:15}.glass-button{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.glass-button:hover{background:#fff3;transform:scale(1.05)}@keyframes breathe{0%{transform:scale(1) translateY(0)}50%{transform:scale(1.02) translateY(-5px)}to{transform:scale(1) translateY(0)}}@keyframes glow{0%{box-shadow:0 0 20px #ffffff1a}50%{box-shadow:0 0 40px #ffffff4d}to{box-shadow:0 0 20px #ffffff1a}}.animate-breathe{animation:breathe 4s ease-in-out infinite}.pet-mascot-v2{font-size:8rem;cursor:pointer;transition:transform .3s;-webkit-user-select:none;user-select:none}.pet-mascot-v2:active{transform:scale(.95)}.pet-mascot{width:150px;height:150px;background-color:var(--accent-coral);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;margin:0 auto 1rem;box-shadow:0 0 20px #ff8fab80;animation:breathe 3s ease-in-out infinite}.bubble{background:#fff;color:#000;padding:1rem 1.5rem;border-radius:20px;display:inline-block;font-weight:700;margin-bottom:2rem;position:relative}.bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-width:10px 10px 0;border-style:solid;border-color:white transparent transparent transparent}button{border-radius:8px;border:1px solid transparent;padding:.8em 1.5em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--accent-coral);color:#fff;cursor:pointer;transition:all .25s;margin:.5rem;width:80%;max-width:300px}button:hover{filter:brightness(1.1);transform:translateY(-2px)}button.secondary{background-color:transparent;border:1px solid var(--accent-coral);color:var(--accent-coral)}button.secondary:hover{background-color:#ff8fab1a}button.google{background-color:#fff;color:#333}button.google:hover{background-color:#f3f4f6}input,select{width:80%;max-width:300px;padding:.8rem;margin:.5rem 0;border-radius:6px;border:1px solid #444;background-color:#222;color:#fff;font-size:1rem}input:focus,select:focus{outline:none;border-color:var(--accent-coral)}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%}@keyframes sparkle{0%{filter:brightness(1) drop-shadow(0 0 20px rgba(255,255,255,.2));transform:scale(1)}25%{filter:brightness(1.5) drop-shadow(0 0 40px rgba(255,255,255,.8));transform:scale(1.1)}50%{filter:brightness(1.8) drop-shadow(0 0 60px rgba(255,215,0,1));transform:scale(1.15) rotate(5deg)}75%{filter:brightness(1.5) drop-shadow(0 0 40px rgba(255,255,255,.8));transform:scale(1.1) rotate(-5deg)}to{filter:brightness(1) drop-shadow(0 0 20px rgba(255,255,255,.2));transform:scale(1) rotate(0)}}.sparkle-effect{animation:sparkle 1.5s ease-in-out}body[data-intro-mode=true] .task-bar{display:none!important}@keyframes slow-fade{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.animate-slow-fade{animation:slow-fade 2s ease-in-out infinite}.logo-hover-effect{transition:all .3s ease-in-out;cursor:default}.logo-hover-effect:hover{transform:scale(1.05);filter:brightness(1.15) drop-shadow(0 0 15px rgba(255,255,255,.3))}