.free-writing-container{padding:20px;max-width:1200px;margin:0 auto;height:calc(100vh - 80px);display:flex;flex-direction:column;gap:20px;animation:fadeIn .5s ease-out;background-color:#fbfbfc;border-radius:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.free-writing-container .free-writing-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(45deg,#3fd6d1,#2388ff);padding:20px 30px;border-radius:16px;box-shadow:0 4px 15px #2388ff33;color:#fff;gap:10px}.free-writing-container .header-left{display:flex;align-items:center;gap:15px}.free-writing-container .header-left h1{font-size:24px;color:#fff;margin:0;font-weight:700}.free-writing-container .header-left p{color:#ffffffe6;margin:0;font-size:14px;font-weight:500}.free-writing-container .back-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.free-writing-container .back-btn:hover{background:#ffffff4d;transform:translate(-2px)}.free-writing-container .timer-display{display:flex;align-items:center;gap:10px;background:#fff3;padding:8px 16px;border-radius:50px;color:#fff;font-family:Courier New,monospace;font-size:20px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.free-writing-container .writing-controls{display:flex;gap:10px;align-items:center}.free-writing-container .control-btn{padding:10px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.free-writing-container .control-btn:hover{background:#ffffff40;transform:translateY(-2px)}.free-writing-container .control-btn.active{background:#fff;color:#2388ff;border-color:#fff}.free-writing-container .finish-btn{background:#fff;color:#2388ff;padding:10px 24px;border-radius:10px;border:none;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #0000001a;transition:all .3s ease;display:flex;align-items:center;gap:8px}.free-writing-container .finish-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.free-writing-container .prompt-area{background:#fff;padding:15px 20px;border-radius:12px;border-left:5px solid #26C6DA;color:#1a202c;font-style:normal;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;align-items:center;border:1px solid #f0f0f0}.free-writing-container .prompt-label{font-weight:700;color:#26c6da;margin-right:8px;text-transform:uppercase;font-size:.8rem;letter-spacing:.5px}.free-writing-container .prompt-text{font-size:1.05rem;font-weight:500;color:#2d3748}.free-writing-container .refresh-btn{background:#f7fafc;border:1px solid #e2e8f0;color:#718096;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.free-writing-container .refresh-btn:hover{color:#26c6da;border-color:#26c6da;background:#e0f7fa;transform:rotate(180deg)}.free-writing-container .writing-area-wrapper{flex:1;position:relative;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 6px #00000005;transition:all .3s ease}.free-writing-container .writing-area-wrapper:focus-within{border-color:#26c6da;box-shadow:0 0 0 3px #26c6da1a}.free-writing-container .writing-textarea{width:100%;height:100%;background:transparent;border:none;padding:30px;color:#1a202c;font-size:18px;line-height:1.6;resize:none;outline:none;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:filter .3s ease}.free-writing-container .writing-textarea::placeholder{color:#a0aec0;font-style:italic}.free-writing-container .writing-textarea.blurred{filter:blur(6px);-webkit-user-select:none;user-select:none;opacity:.8}.free-writing-container .writing-footer{display:flex;justify-content:space-between;align-items:center;color:#718096;font-size:14px;padding:0 10px;font-weight:500}.free-writing-container .stats-item{display:flex;gap:20px}.free-writing-container .status-indicator{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e0}.status-dot.active{background:#26c6da;box-shadow:0 0 8px #26c6da99;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}to{transform:scale(1);opacity:1}}.summary-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.summary-modal-overlay .summary-modal{background:#fff;padding:40px;border-radius:20px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;text-align:center;box-shadow:0 20px 50px #00000026;border:1px solid #f0f0f0;position:relative}.summary-modal::-webkit-scrollbar{width:8px}.summary-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.summary-modal::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.summary-modal::-webkit-scrollbar-thumb:hover{background:#a0aec0}.summary-modal-overlay .summary-icon{font-size:48px;margin-bottom:20px;background:linear-gradient(45deg,#3fd6d1,#2388ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 4px rgba(0,0,0,.1))}.summary-modal h2{color:#1a202c;margin-bottom:15px;font-size:24px;font-weight:700}.summary-modal p{color:#4a5568;line-height:1.6}.summary-modal .summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.summary-modal .stat-box{background:#f7fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0}.summary-modal .stat-value{display:block;font-size:28px;font-weight:800;background:linear-gradient(45deg,#3fd6d1,#2388ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.summary-modal .stat-label{font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-top:5px;display:block}.summary-modal .summary-actions{display:flex;flex-direction:column;gap:12px}.summary-modal .action-btn{padding:14px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem}.summary-modal .btn-primary{background:linear-gradient(45deg,#3fd6d1,#2388ff);color:#fff;border:none;box-shadow:0 4px 10px #2388ff40}.summary-modal .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #2388ff59}.summary-modal .btn-secondary{background:#fff;color:#4a5568;border:1px solid #cbd5e0}.summary-modal .btn-secondary:hover{background:#f7fafc;color:#1a202c;border-color:#a0aec0}.analysis-loading{margin:40px 0;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeIn .4s ease-out}.premium-loader{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.spinner-icon{color:#2388ff;animation:spin 2s linear infinite;opacity:.6;width:40px!important;height:40px!important}.sparkle-icon{position:absolute;color:#3fd6d1;animation:pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(63,214,209,.5));width:20px!important;height:20px!important}.loading-text{font-size:.95rem;font-weight:600;color:#1e293b;background:linear-gradient(135deg,#3fd6d1,#2388ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes spin{to{transform:rotate(360deg)}}.reflection-container{background:#fff;border-radius:16px;padding:10px;margin:10px 0;text-align:left;border:1px solid #e2e8f0;box-shadow:inset 0 2px 4px #00000005}.reflection-content{line-height:1.7;color:#1e293b}@media(max-width:768px){.free-writing-container{padding:15px;height:calc(100vh - 80px);min-height:unset;margin:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.free-writing-container .free-writing-header{flex-direction:column;align-items:stretch;padding:15px;gap:15px}.free-writing-container .header-left{width:100%;justify-content:flex-start}.free-writing-container .timer-display{justify-content:center;padding:12px;font-size:24px;order:-1;margin-bottom:5px}.free-writing-container .writing-controls{flex-direction:column;width:100%;gap:10px}.free-writing-container .control-btn,.free-writing-container .finish-btn{width:100%;justify-content:center}.free-writing-container .prompt-area{flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0}.free-writing-container .prompt-area>div{flex-direction:column;align-items:flex-start!important;gap:5px}.free-writing-container .refresh-btn{align-self:flex-end}.free-writing-container .writing-area-wrapper{min-height:300px;flex:1 0 auto;display:block}.free-writing-container .writing-textarea{padding:20px;font-size:16px;height:100%;min-height:300px}.free-writing-container .writing-footer{flex-direction:column-reverse;gap:15px;align-items:center;padding:10px 0;flex-shrink:0}.summary-modal .summary-stats{grid-template-columns:1fr}.summary-modal .summary-actions,.summary-modal .action-btn{width:100%}}