body { margin:0; padding:0; font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif; background-color:#1e1e2f; color:#e0e0e0; } .app{max-width:900px;margin:20px auto;padding:20px;} header{text-align:center;margin-bottom:20px;} header h1{font-size:2em;color:#fff;margin-bottom:5px;} header .time{font-size:0.9em;color:#a0a0a0;} .card{background-color:#2a2a40;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 5px 15px rgba(0,0,0,0.4);} textarea{width:100%;min-height:120px;border-radius:8px;border:1px solid #444;background-color:#1f1f30;color:#e0e0e0;padding:10px;font-size:1em;resize:vertical;} textarea:focus{outline:none;border-color:#5a5aff;} select{border-radius:8px;border:1px solid #555;background-color:#1f1f30;color:#e0e0e0;padding:6px 10px;font-size:1em;margin-right:10px;} select:focus{outline:none;border-color:#5a5aff;} input[type="number"]{border-radius:8px;border:1px solid #555;background-color:#1f1f30;color:#e0e0e0;padding:5px 8px;font-size:1em;width:80px;} button{border:none;border-radius:8px;padding:8px 16px;font-size:1em;cursor:pointer;background:linear-gradient(90deg,#5a5aff,#00d4ff);color:#fff;transition:all 0.3s ease;margin-top:10px;} button:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,0.4);} .version{padding:8px;border-radius:6px;background-color:#3a3a55;margin-bottom:5px;cursor:pointer;transition:all 0.2s ease;} .version:hover{background-color:#5a5aff;color:#fff;} #revisionReason,#literaryBox,#sentimentBox{background-color:#1f1f30;padding:10px;border-radius:8px;font-size:0.95em;line-height:1.5em;}