*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}#root,body{height:100vh}.app{background-color:#fff;height:100vh;transition:background-color .3s ease}.app,.writing-container{align-items:center;display:flex;justify-content:center;position:relative}.writing-container{flex-direction:column;height:100%;width:100%}.prompt{animation:fadeIn .5s ease-in-out;color:#babec3;flex-direction:column;font-size:17px;font-weight:300;gap:18px;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.prompt,.prompt-text{align-items:center;display:flex}.prompt-text{justify-content:center;min-height:1.2em;opacity:.9;transition:all .3s ease}.prompt-text.finish-prompt{font-size:14px;opacity:.9}.prompt-text.fade-in{animation:fadeInPrompt .4s ease-out}.prompt-text.clickable{cursor:pointer;transition:all .2s ease}.prompt-text.clickable:hover{opacity:1;transform:scale(1.05)}.invisible-textarea{background:#0000;border:none;border-radius:12px;caret-color:#6b7280;color:#4b5563;cursor:text;filter:blur(5px);font-family:Inter,sans-serif;font-size:18px;height:80vh;line-height:1.6;max-width:900px;outline:none;padding:30px;resize:none;text-shadow:0 0 8px #4b556380;width:90%;z-index:10}.invisible-textarea::selection{background:#6b72804d;color:inherit}.visible-editor{display:flex;flex-direction:column;height:80vh;max-width:900px;width:90%}.editor-header{display:flex;justify-content:center;margin-bottom:20px}.edit-prompt{color:#babec3;font-size:16px;font-weight:300;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.edit-prompt.clickable{cursor:pointer;transition:all .2s ease}.edit-prompt.clickable:hover{opacity:1;transform:scale(1.05)}.visible-textarea{background:#fff;border:none;border-radius:12px;color:#1f2937;font-family:Inter,sans-serif;font-size:18px;height:100%;line-height:1.6;outline:none;padding:30px;resize:none;transition:all .2s ease;width:100%}.visible-textarea:focus{background:#fff;box-shadow:none}.visible-textarea::placeholder{color:#9ca3af;font-style:italic}.copy-button{align-items:center;background:#0000;border:none;border-radius:12px;bottom:24px;color:#babec3;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;position:fixed;right:24px;transition:opacity .3s ease-in-out,transform .2s ease,background-color .2s ease;width:48px;z-index:100}.copy-button.visible{animation:fadeInUp .3s ease-out;opacity:1}.copy-button:hover{background:#0000000d;color:#374151;transform:scale(1.1)}.copy-button:active{transform:scale(1)}.copy-button.copied{animation:copySuccess .3s ease-out;background:#10b981;border-color:#10b981;color:#fff}.copy-button.copied:hover{background:#059669;border-color:#059669}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cleaning-indicator{align-items:center;background:#f9fafb;border-radius:12px;color:#6b7280;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;width:100%}.cleaning-indicator p{color:#6b7280;font-size:18px;font-weight:300;margin:0}.cleaning-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6b7280;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInPrompt{0%{opacity:0;transform:translateY(5px)}to{opacity:.6;transform:translateY(0)}}.quill-icon{color:#babec3;transition:transform .1s ease}.quill-icon.animated{animation:scribble .3s ease-in-out infinite alternate}@keyframes scribble{0%{transform:rotate(-3deg) translateX(0)}25%{transform:rotate(2deg) translateX(2px)}50%{transform:rotate(-2deg) translateX(-2px)}75%{transform:rotate(3deg) translateX(2px)}to{transform:rotate(-2deg) translateX(0)}}.ghost-logo{align-items:center;display:flex;flex-direction:row;gap:1px;left:24px;opacity:0;pointer-events:none;position:absolute;top:24px;transition:opacity .3s ease-in-out;z-index:5}.ghost-logo.visible{opacity:1}.ghost-icon{align-items:center;display:flex;justify-content:center;opacity:0;transition:transform .3s ease,opacity .3s ease-in-out}.ghost-icon.visible{opacity:1}.ghost-logo:hover .ghost-icon{transform:scale(1.05)}.ghost-text{color:#babec3;font-family:Inter,sans-serif;font-size:24px;font-weight:600;letter-spacing:.5px;opacity:0;text-align:center;transition:opacity .3s ease-in-out}.ghost-text.visible{opacity:1}.cleaning-overlay{align-items:center;animation:fadeInScale .3s ease-out;display:flex;flex-direction:column;gap:20px;left:50%;padding:40px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:20}.cleaning-overlay p{color:#6b7280;font-size:18px;font-weight:300;margin:0}.prompt.cleaning{opacity:.3;pointer-events:none}.invisible-textarea.transitioning{animation:blurToClear .8s ease-out forwards}@keyframes blurToClear{0%{filter:blur(8px);text-shadow:0 0 8px #4b556380}to{filter:blur(0);text-shadow:none}}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dark-mode-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#babec3;cursor:pointer;display:flex;height:40px;justify-content:center;opacity:0;position:fixed;right:24px;top:24px;transition:opacity .3s ease-in-out,transform .2s ease;width:40px;z-index:1000}.dark-mode-toggle.visible{opacity:1}.dark-mode-toggle:hover{background:#0000000d;color:#374151;transform:scale(1.1)}.dark-mode-toggle:active{transform:scale(1)}.dark-mode .app{background-color:#0f172a}.dark-mode .dark-mode-toggle{background:#0000;color:#64748b}.dark-mode .dark-mode-toggle:hover{background:#ffffff1a;color:#f1f5f9}.dark-mode .prompt{color:#64748b}.dark-mode .prompt-text.clickable:hover{opacity:1;transform:scale(1.05)}.dark-mode .invisible-textarea{caret-color:#94a3b8;color:#cbd5e1;text-shadow:0 0 8px #cbd5e14d}.dark-mode .invisible-textarea::selection{background:#94a3b84d;color:inherit}.dark-mode .edit-prompt{color:#64748b}.dark-mode .edit-prompt.clickable:hover{opacity:1;transform:scale(1.05)}.dark-mode .visible-textarea{background:#0000;border:none;color:#f1f5f9}.dark-mode .visible-textarea:focus{background:#0000;box-shadow:none}.dark-mode .visible-textarea::placeholder{color:#64748b}.dark-mode .copy-button{background:#0000;color:#64748b}.dark-mode .copy-button:hover{background:#ffffff1a;color:#f1f5f9}.dark-mode .copy-button.copied{background:#10b981;border-color:#10b981;color:#fff}.dark-mode .copy-button.copied:hover{background:#059669;border-color:#059669}.dark-mode .cleaning-indicator{background:#1e293b;border:1px solid #334155;color:#cbd5e1}.dark-mode .cleaning-indicator p{color:#cbd5e1}.dark-mode .cleaning-spinner{border-color:#cbd5e1 #334155 #334155}.dark-mode .cleaning-overlay p{color:#cbd5e1}.dark-mode .ghost-text,.dark-mode .quill-icon{color:#64748b}@media (max-width:768px){.ghost-logo{top:20px}.writing-container{padding-top:100px}.prompt{margin-top:40px}}@media (max-width:480px){.ghost-logo{top:16px}.writing-container{padding-top:120px}.prompt{margin-top:50px}}
/*# sourceMappingURL=main.4a764816.css.map*/