:root{font-family:Ma Shan Zheng,cursive,ZCOOL KuaiLe,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body,#root,.spirit-bg{min-height:100vh;margin:0;padding:0;background:radial-gradient(ellipse at center,#222 60%,#000);color:#f5f5f5;font-family:Ma Shan Zheng,cursive,ZCOOL KuaiLe,sans-serif;transition:background .5s}.spirit-bg{display:flex;align-items:center;justify-content:center;min-height:100vh;position:relative}.spirit-board{background:#1e1e1ef2;border:2px solid transparent;border-radius:18px;background-clip:padding-box;box-shadow:0 0 32px 8px #000a,0 0 8px 2px #ffffff08;padding:2.5rem 2rem 2rem;min-width:340px;max-width:95vw;z-index:2;position:relative;overflow:visible;animation:board-fadein 1.5s cubic-bezier(.4,0,.2,1);opacity:0;animation-fill-mode:forwards}@keyframes board-fadein{0%{opacity:0;filter:blur(8px)}60%{opacity:.7;filter:blur(2px)}to{opacity:1;filter:blur(0)}}.spirit-board:before{content:"";position:absolute;inset:0;border-radius:18px;padding:0;pointer-events:none;z-index:1;background:none;box-shadow:0 0 0 2px #ffffff26,0 0 12px 4px #ffffff14;mask-image:linear-gradient(#fff,#fff),radial-gradient(circle,white 80%,transparent 100%);mask-composite:exclude;-webkit-mask-image:linear-gradient(white,white),radial-gradient(circle,white 80%,transparent 100%);-webkit-mask-composite:xor}.spirit-title{font-size:2.2rem;letter-spacing:.2em;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 8px #fff,0 0 24px #000a}.spirit-input-area{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.spirit-input{flex:1;padding:.7em 1em;border-radius:8px;border:2.5px solid #fff;background:#181818;color:#fff;font-size:1.25em;outline:none;box-shadow:0 0 8px #fff2;transition:border .2s;font-family:Ma Shan Zheng,ZCOOL KuaiLe,Pacifico,Caveat,cursive,sans-serif;letter-spacing:.08em;animation:handwriting-jitter 1.8s infinite alternate}@keyframes handwriting-jitter{0%{filter:blur(.2px) brightness(1.05) drop-shadow(0 0 1px #fff2);transform:rotate(-.5deg) scaleY(1.01)}20%{filter:blur(.3px) brightness(1.08);transform:rotate(.7deg) scaleY(.99)}40%{filter:blur(.1px) brightness(1.02);transform:rotate(-.3deg) scaleY(1.02)}60%{filter:blur(.2px) brightness(1.04);transform:rotate(.3deg) scaleY(.98)}to{filter:blur(.2px) brightness(1.05);transform:rotate(.5deg) scaleY(1.01)}}.spirit-input:focus{border:1.5px solid #aaa}.spirit-btn{padding:.7em 1.5em;border-radius:8px;border:1.5px solid #fff;background:#000;color:#fff;font-size:1.1em;cursor:pointer;box-shadow:0 0 8px #fff2;transition:background .2s,border .2s}.spirit-btn:disabled{background:#222;color:#888;border:1.5px dashed #888;cursor:not-allowed}.spirit-btn:hover:not(:disabled){background:#222;border:1.5px solid #fff}.spirit-answer-area{min-height:3.5em;margin-top:1.5em;display:flex;flex-direction:column;align-items:center}.spirit-answer{font-size:2em;color:#fff;text-shadow:0 0 8px #fff,0 0 24px #000a;margin-top:.5em;letter-spacing:.1em;animation:spirit-fadein 1.2s}@keyframes spirit-fadein{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}.spirit-pen{font-size:1.5em;color:#fff;margin-top:.5em;display:flex;align-items:center;animation:pen-move 1.2s infinite alternate;gap:.7em}.spirit-pen-svg{animation:pen-rotate 1.6s linear infinite;filter:drop-shadow(0 0 8px #fff8) drop-shadow(0 0 16px #00f2)}@keyframes pen-rotate{0%{transform:rotate(-10deg) scale(1)}80%{transform:rotate(350deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}.spirit-pen-writing{margin-left:.5em;font-size:1em;color:#aaa;letter-spacing:.1em;animation:spirit-fadein 1.2s infinite alternate}@keyframes pen-move{0%{transform:translate(-8px) rotate(-8deg)}to{transform:translate(8px) rotate(8deg)}}.spirit-aura{position:absolute;top:50%;left:50%;width:420px;height:420px;background:radial-gradient(circle,#fff2,#0000 70%);border-radius:50%;filter:blur(32px);pointer-events:none;transform:translate(-50%,-50%);z-index:1;animation:aura-flicker 3s infinite alternate}@keyframes aura-flicker{0%{opacity:.7}to{opacity:1}}.mystic-fade{position:fixed;inset:0;z-index:9999;background:radial-gradient(ellipse at center,#111 70%,#000);opacity:1;transition:opacity 2.8s cubic-bezier(.4,0,.2,1);pointer-events:none;display:flex;align-items:center;justify-content:center}.mystic-fade.mystic-fade-out{opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1)}.mystic-fade-pen{width:84px;height:84px;display:flex;align-items:center;justify-content:center;animation:pen-rotate 2.2s linear infinite;filter:drop-shadow(0 0 16px #fff8) drop-shadow(0 0 32px #00f2)}@keyframes pen-rotate{0%{transform:rotate(0) scale(1)}80%{transform:rotate(340deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}.spirit-input-canvas{border:2.5px solid #fff;border-radius:12px;background:#181818;box-shadow:0 0 8px #fff2;touch-action:none;cursor:pointer;display:block;animation:handwriting-canvas-glow 2.2s infinite alternate}@keyframes handwriting-canvas-glow{0%{box-shadow:0 0 8px #fff2,0 0 #fff0;border-color:#fff}60%{box-shadow:0 0 16px #fff4,0 0 8px #fff2;border-color:#fffbe6}to{box-shadow:0 0 8px #fff2,0 0 #fff0;border-color:#fff}}