@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&family=Creepster&family=Roboto+Mono:wght@400;700&display=swap";:root{--bg-color: #050505;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-error: #ff2a2a;--accent-success: #2aff5f;--accent-warn: #ffcc00;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--font-main: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);background-image:radial-gradient(circle at 50% 50%,#111 0%,transparent 80%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,20px 20px,20px 20px;overflow:hidden;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;transition:background-color .5s ease}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}h1,h2,h3{font-weight:300;letter-spacing:-.02em}button{cursor:pointer;border:none;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);padding:12px 24px;border-radius:8px;transition:all .2s ease;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}button:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 12px #00000080}button:active{transform:translateY(0)}.glass-panel{background:#0a0a0a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000005e;max-width:600px;width:90%;position:relative;overflow:hidden;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.shake-start{animation:shake .5s;border-color:var(--accent-error)}.nightmare-text{color:#f33;text-shadow:0 0 5px rgba(255,0,0,.5);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.8}50%{opacity:1;text-shadow:0 0 15px rgba(255,0,0,.8)}to{opacity:.8}}input{background:#0000004d;border:1px solid var(--card-border);color:#fff;padding:10px;border-radius:4px;font-family:inherit;font-size:1rem;outline:none;width:100%;box-sizing:border-box}input:focus{border-color:var(--text-secondary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}body.theme-colorful{font-family:Fredoka,cursive,sans-serif}body.theme-colorful .glass-panel{background:#ffffff26;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26875e}body.theme-colorful h1,body.theme-colorful h2,body.theme-colorful h3{font-family:Fredoka,cursive;font-weight:600;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.3);animation:bounceIn .6s ease-out}body.theme-colorful button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;font-family:Fredoka,cursive;box-shadow:0 4px 15px #667eea66}body.theme-colorful button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #667eea99}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}body.theme-transitioning{font-family:Inter,sans-serif}body.theme-transitioning .glass-panel{background:#1e1e1eb3;border:1px solid rgba(100,100,100,.3)}body.theme-osym{font-family:Roboto Mono,monospace}body.theme-osym .glass-panel{background:#f0f0f00d;border:2px solid #444;box-shadow:inset 0 0 20px #000c}body.theme-osym h1,body.theme-osym h2,body.theme-osym h3{font-family:Roboto Mono,monospace;font-weight:700;color:#ccc;letter-spacing:.05em;text-transform:uppercase}body.theme-osym button{background:#333;border:1px solid #555;color:#ddd;font-family:Roboto Mono,monospace;border-radius:2px}body.theme-osym button:hover{background:#444;transform:none}body.theme-poem{font-family:Georgia,serif}body.theme-poem .glass-panel{background:#051a1acc;border:1px solid rgba(42,255,95,.2)}body.theme-poem h1,body.theme-poem h2{font-family:Georgia,serif;font-style:italic;color:#a8e6cf}body.theme-nightmare{font-family:Creepster,cursive}body.theme-nightmare .glass-panel{background:#140000e6;border:2px solid #600;box-shadow:0 0 40px #ff000080,inset 0 0 20px #000000e6;animation:glitchPanel 3s infinite}body.theme-nightmare h1,body.theme-nightmare h2,body.theme-nightmare h3{font-family:Roboto Mono,monospace;font-weight:700;color:#f33;letter-spacing:.1em;animation:glitchText .5s infinite;text-shadow:2px 2px 4px #000,-2px -2px 4px #600}body.theme-nightmare button{background:#200;border:1px solid #600;color:#f33;font-family:Roboto Mono,monospace}body.theme-nightmare button:hover{background:#400;box-shadow:0 0 15px #ff0000b3}@keyframes glitchText{0%{transform:translate(0);opacity:1}20%{transform:translate(-2px,2px);opacity:.9}40%{transform:translate(2px,-2px);opacity:1}60%{transform:translate(-1px,-1px);opacity:.95}80%{transform:translate(1px,1px);opacity:1}to{transform:translate(0);opacity:1}}@keyframes glitchPanel{0%,to{filter:none}10%{filter:hue-rotate(90deg) contrast(1.2)}20%{filter:none}30%{filter:invert(.1)}40%{filter:none}50%{filter:saturate(2)}60%{filter:none}}.drawing-canvas{background:#222;border-radius:8px;cursor:crosshair;margin:20px 0;width:100%;border:1px dashed #555}.instruction{font-size:.8rem;opacity:.6}