*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}:root{--primary: #219ebc;--primary-dark: #1a7a94;--accent: #fb8500;--bg: #fafbfc;--card-bg: #ffffff;--text: #333;--text-light: #666;--border: #e5e7eb;--radius: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .06);--green: #10b981;--orange: #f59e0b;--red: #ef4444}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.container{max-width:540px;margin:0 auto;padding:20px 16px 40px}.step-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.step-header h2{font-size:1.25rem;font-weight:700;color:var(--text)}.btn-back{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-light);padding:4px 8px;border-radius:8px;transition:background .2s}.btn-back:hover{background:var(--border)}.btn{font-family:inherit;font-weight:600;border:none;border-radius:999px;cursor:pointer;transition:all .2s ease;text-align:center}.btn-primary{background:var(--primary);color:#fff;padding:12px 24px;font-size:.95rem}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #219ebc4d}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--border);padding:10px 20px;font-size:.9rem}.btn-secondary:hover{border-color:var(--primary);background:#219ebc0a}.btn-large{width:100%;padding:14px 24px;font-size:1rem}.btn-small{padding:8px 16px;font-size:.8rem}.btn-accent{background:var(--accent);color:#fff;padding:12px 24px;font-size:.95rem}.btn-accent:hover{background:#e07600;transform:translateY(-1px);box-shadow:0 4px 12px #fb85004d}.btn:disabled{opacity:.5;cursor:not-allowed}.landing-header{text-align:center;margin-bottom:32px;padding-top:40px}.landing-header h1{font-size:2rem;font-weight:800;color:var(--primary);margin-bottom:8px}.subtitle{font-size:1rem;color:var(--text-light);line-height:1.5}.landing-features{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.feature-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-size:.95rem;font-weight:500;box-shadow:var(--shadow)}.prompt-tabs{display:flex;background:var(--border);border-radius:999px;padding:4px;margin-bottom:16px;gap:4px}.prompt-tab{flex:1;padding:10px 12px;border:none;border-radius:999px;background:transparent;font-family:inherit;font-size:.85rem;font-weight:600;color:var(--text-light);cursor:pointer;transition:all .2s ease}.prompt-tab.active{background:var(--card-bg);color:var(--primary);box-shadow:0 2px 6px #00000014}.prompt-loading{text-align:center;padding:40px 0;color:var(--text-light)}.prompt-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.prompt-card{background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all .2s ease}.prompt-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #219ebc1a;transform:translateY(-2px)}.prompt-card-text{font-size:.95rem;line-height:1.6;margin-bottom:8px}.prompt-source{display:inline-block;font-size:.75rem;color:var(--text-light);background:var(--bg);padding:2px 8px;border-radius:999px;margin-bottom:8px}.prompt-vocab-preview{display:flex;flex-wrap:wrap;gap:6px}.vocab-chip{display:inline-block;background:#219ebc14;color:var(--primary-dark);font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:999px}.prompt-lang-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.prompt-lang-label{font-size:.8rem;font-weight:600;color:var(--text-light);white-space:nowrap}.prompt-lang-select{flex:1;padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.8rem;color:var(--text);background:var(--card-bg)}.prompt-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:8px}.prompt-translate-btn{display:inline-block;background:none;border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600;color:var(--text-light);cursor:pointer;margin-top:8px;transition:all .2s}.prompt-translate-btn:hover{border-color:var(--primary);color:var(--primary)}.prompt-translation{margin-top:8px;padding:8px 12px;background:#fffbeb;border-radius:8px;border:1px solid #fef3c7}.prompt-translation-text{font-size:.85rem;color:var(--text);line-height:1.5}.selected-prompt{background:linear-gradient(135deg,#219ebc0f,#fb85000a);border-left:3px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0;padding:12px 16px;margin-bottom:16px;font-size:.9rem;color:var(--text);line-height:1.5}.vocab-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin-bottom:16px}.vocab-header{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--text-light)}.vocab-toggle{background:none;border:none;font-size:.85rem;cursor:pointer;color:var(--text-light);padding:4px}.vocab-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.vocab-chip-write{font-size:.85rem;padding:4px 12px}.write-area{position:relative;margin-bottom:12px}.journal-input{width:100%;padding:14px 16px 36px;border:2px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:.95rem;line-height:1.7;color:var(--text);background:var(--card-bg);resize:vertical;min-height:200px;transition:border-color .2s ease}.journal-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #219ebc1a}.journal-input::placeholder{color:#aaa}.write-meta{position:absolute;bottom:10px;left:14px;right:14px;display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-light);font-weight:500;pointer-events:none}.lifeline-section{margin-bottom:20px}.lifeline-toggle{background:none;border:1px dashed var(--border);border-radius:var(--radius);width:100%;padding:12px 16px;font-family:inherit;font-size:.9rem;color:var(--text-light);cursor:pointer;transition:all .2s;text-align:left}.lifeline-toggle:hover{border-color:var(--primary);color:var(--primary)}.lifeline-panel{margin-top:12px}.lifeline-inputs{display:flex;flex-direction:column;gap:8px}.native-lang-select{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.85rem;background:var(--card-bg);color:var(--text)}.lifeline-input-row{display:flex;gap:8px}.native-input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:.9rem;color:var(--text)}.native-input:focus{outline:none;border-color:var(--primary)}.lifeline-results{display:flex;flex-direction:column;gap:10px;margin-top:12px}.lifeline-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;position:relative;animation:fadeIn .3s ease}.lifeline-card-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:1.2rem;color:var(--text-light);cursor:pointer;line-height:1}.lifeline-native{font-size:.85rem;color:var(--text-light);font-style:italic;margin-bottom:6px}.lifeline-english{font-size:1rem;font-weight:600;color:var(--primary-dark);margin-bottom:6px;line-height:1.5}.lifeline-explanation{font-size:.85rem;color:var(--text-light);margin-bottom:8px}.lifeline-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.lifeline-reminder{font-size:.8rem;color:var(--accent);font-weight:600}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto 16px}@keyframes spin{to{transform:rotate(360deg)}}#loadingSection{text-align:center;padding:60px 0;color:var(--text-light)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.welldone-card{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#bbf7d0;text-align:center}.welldone-card p{font-size:1rem;font-weight:600;color:#166534;line-height:1.5}.score-card-top{display:flex;align-items:center;gap:16px;margin-bottom:20px}.score-circle{width:80px;height:80px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.score-number{font-size:1.6rem;font-weight:800;line-height:1;color:#fff}.score-denom{font-size:.65rem;font-weight:600;color:#fffc}.score-label{font-size:1.1rem;font-weight:700;color:var(--text)}.score-great{background:linear-gradient(135deg,#10b981,#059669)}.score-high{background:linear-gradient(135deg,#219ebc,#1a7a94)}.score-mid{background:linear-gradient(135deg,#f59e0b,#d97706)}.score-low{background:linear-gradient(135deg,#ef4444,#dc2626)}.sub-scores{display:flex;flex-direction:column;gap:10px}.sub-score-row{display:flex;align-items:center;gap:10px}.sub-score-name{width:85px;font-size:.8rem;font-weight:600;color:var(--text-light);flex-shrink:0}.sub-score-bar-wrap{flex:1;height:8px;background:var(--border);border-radius:999px;overflow:hidden}.sub-score-bar{height:100%;border-radius:999px;transition:width .6s ease}.sub-score-value{width:28px;text-align:right;font-size:.8rem;font-weight:700;color:var(--text)}.word-count-badge{text-align:center;margin-top:16px;font-size:.85rem;color:var(--text-light);font-weight:500}.card-badge{display:inline-block;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.badge-fix{background:#fef3c7;color:#92400e}.badge-upgrade{background:#dbeafe;color:#1e40af}.badge-challenge{background:#fce7f3;color:#9d174d}.fix-card h3,.upgrade-card h3{font-size:.95rem;font-weight:700;margin-bottom:8px}.fix-stacked{margin-bottom:10px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.fix-stacked-row{padding:10px 14px}.fix-stacked-before{background:#fef2f2;border-bottom:1px solid var(--border)}.fix-stacked-after{background:#f0fdf4}.fix-stacked-label{font-size:.7rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px}.fix-stacked-text{font-size:.9rem;line-height:1.5;color:var(--text)}.fix-stacked-before .fix-stacked-text{color:var(--text)}.fix-stacked-before .fix-stacked-text .fix-hl{background:#fecaca;border-radius:3px;padding:0 2px}.fix-stacked-after .fix-stacked-text .fix-hl{background:#bbf7d0;border-radius:3px;padding:0 2px;font-weight:600}.tutor-note{font-size:.85rem;color:var(--text-light);line-height:1.5;font-style:italic}.fullcorrected-card{border-color:#c7d2fe}.badge-corrected{background:#e0e7ff;color:#3730a3}.fc-tabs{display:flex;background:var(--border);border-radius:999px;padding:3px;margin-bottom:10px;gap:3px}.fc-tab{flex:1;padding:7px 10px;border:none;border-radius:999px;background:transparent;font-family:inherit;font-size:.78rem;font-weight:600;color:var(--text-light);cursor:pointer;transition:all .2s ease}.fc-tab.active{background:var(--card-bg);color:var(--primary);box-shadow:0 2px 6px #00000014}.fc-desc{margin-bottom:10px}.fc-desc-text{font-size:.78rem;color:var(--text-light);font-style:italic}.fc-content{background:#f8fafc;border:1px solid var(--border);border-radius:8px;padding:14px 16px;font-size:.9rem;line-height:1.7;color:var(--text);white-space:pre-wrap;margin-bottom:10px;max-height:300px;overflow-y:auto}.fc-copy-btn{display:block;margin-left:auto}.rewrite-card{border-color:#fbcfe8}.rewrite-prompt{font-size:.9rem;font-weight:600;margin-bottom:10px}.rewrite-original{background:#fef2f2;border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:.9rem;color:var(--red);line-height:1.5}.rewrite-input{width:100%;padding:10px 14px;border:2px solid var(--border);border-radius:8px;font-family:inherit;font-size:.9rem;line-height:1.5;color:var(--text);resize:none;margin-bottom:10px}.rewrite-input:focus{outline:none;border-color:var(--primary)}.rewrite-hint{background:#f0fdf4;border-radius:8px;padding:10px 14px;margin-bottom:10px;font-size:.85rem;line-height:1.5}.rewrite-answer{margin-top:6px;color:var(--green);font-weight:600}.rewrite-feedback{border-radius:8px;padding:10px 14px;margin-bottom:10px;font-size:.85rem;line-height:1.5}.rewrite-fb-great{background:#f0fdf4;border:1px solid #bbf7d0}.rewrite-fb-good{background:#fefce8;border:1px solid #fef08a}.rewrite-fb-try_again{background:#fef2f2;border:1px solid #fecaca}.rewrite-fb-rating{font-weight:600;margin-bottom:4px}.rewrite-fb-tip{color:var(--text-light);font-style:italic}.rewrite-actions{display:flex;gap:8px;justify-content:flex-end}.feedback-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.error-text{text-align:center;color:var(--red);font-weight:500;margin:40px 0 20px}#errorSection{text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--card-bg);border-radius:16px;padding:24px;max-width:400px;width:100%;position:relative;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.6rem;color:var(--text-light);cursor:pointer;line-height:1}.modal h2{font-size:1.2rem;margin-bottom:4px}.modal-subtitle{font-size:.85rem;color:var(--text-light);margin-bottom:16px}.share-preview-wrap{margin-bottom:16px;text-align:center}.share-preview-img{max-width:100%;border-radius:8px;border:1px solid var(--border)}.share-preview-spinner{padding:30px 0;color:var(--text-light)}.share-img-actions{display:flex;gap:10px;margin-bottom:10px}.btn-modal-action{flex:1;padding:10px;font-family:inherit;font-size:.85rem;font-weight:600;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);cursor:pointer;transition:all .2s}.btn-modal-action:hover{border-color:var(--primary);color:var(--primary)}.btn-modal-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-modal-primary:hover{background:var(--primary-dark);color:#fff}.copy-confirm{text-align:center;font-size:.85rem;font-weight:600;margin-top:10px;color:var(--green)}.share-card{display:none;width:400px;padding:24px;background:#fff;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}.sc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sc-logo{font-size:1.2rem;font-weight:800;color:var(--primary)}.sc-tagline{font-size:.75rem;color:var(--text-light)}.sc-score-wrap{display:flex;align-items:center;gap:14px;margin-bottom:16px}.sc-score-circle{width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.sc-score-number{font-size:1.3rem;font-weight:800;color:#fff;line-height:1}.sc-score-denom{font-size:.55rem;font-weight:600;color:#fffc}.sc-score-label{font-size:.95rem;font-weight:700}.sc-sub-scores{margin-bottom:16px}.sc-sub-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.sc-sub-name{width:75px;font-size:.7rem;font-weight:600;color:var(--text-light)}.sc-sub-bar-wrap{flex:1;height:6px;background:var(--border);border-radius:999px;overflow:hidden}.sc-sub-bar{height:100%;border-radius:999px}.sc-sub-value{width:24px;text-align:right;font-size:.7rem;font-weight:700}.sc-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-light);margin-bottom:16px}.sc-prompt-topic{max-width:60%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-footer{text-align:center;font-size:.7rem;color:var(--text-light);padding-top:12px;border-top:1px solid var(--border)}.share-type-toggle{display:flex;background:var(--border);border-radius:999px;padding:3px;margin-bottom:14px;gap:3px}.share-type-btn{flex:1;padding:8px 12px;border:none;border-radius:999px;background:transparent;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--text-light);cursor:pointer;transition:all .2s}.share-type-btn.active{background:var(--card-bg);color:var(--primary);box-shadow:0 2px 6px #00000014}.sc-feedback-items{margin-bottom:14px}.sc-feedback-item{padding:8px 0;border-bottom:1px solid var(--border)}.sc-feedback-item:last-child{border-bottom:none}.sc-fb-badge{display:inline-block;font-size:.6rem;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.sc-fb-fix{background:#fef3c7;color:#92400e}.sc-fb-upgrade{background:#dbeafe;color:#1e40af}.sc-fb-title{font-size:.75rem;font-weight:700;margin-bottom:2px}.sc-fb-diff{font-size:.7rem;line-height:1.4}.sc-fb-before{color:var(--red)}.sc-fb-after{color:var(--green);font-weight:600}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}