:root{--blue:#3157d5;--blue-dark:#243f9b;--ink:#17223b;--muted:#6d7990;--line:#dfe4ee;--bg:#f5f7fb;--card:#fff;--green:#177a5c;--amber:#b47516;--radius:18px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:16px}button,select,textarea,input{font:inherit}.topbar{height:68px;position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:#ffffffee;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px}.brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--blue);color:#fff;font-weight:800}.brand strong,.brand small{display:block}.brand small{color:#78849a;font-size:12px;margin-top:2px}.top-actions{display:flex;gap:6px}.icon-btn{width:40px;height:40px;border:0;background:transparent;border-radius:10px;font-size:20px;color:#40506c}.icon-btn:hover{background:#eef1f8}.app-shell{max-width:1580px;margin:auto;padding:22px;display:grid;grid-template-columns:310px minmax(420px,1fr) 390px;gap:18px;align-items:start}.left-column,.right-column{display:grid;gap:16px;position:sticky;top:88px;max-height:calc(100vh - 105px);overflow:auto;padding-bottom:2px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 30px rgba(45,63,105,.05)}.topic-card,.outline-card,.feedback-card{padding:20px}.section-label{font-size:13px;color:#56647f;font-weight:800;letter-spacing:.04em;display:flex;gap:7px;align-items:center}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.filter-grid label:first-child{grid-column:1/-1}.filter-grid label,.modal label{font-size:13px;font-weight:700;color:#52617b;display:grid;gap:6px}.filter-grid select,.modal select,.modal input,.modal textarea{width:100%;border:1px solid #d6dce8;background:#fff;border-radius:10px;padding:10px;color:var(--ink);outline:none}.topic-row{display:grid;grid-template-columns:1fr 42px;gap:8px;margin-top:10px}.topic-row select{width:100%;border:1px solid #cfd7e5;border-radius:11px;padding:11px 10px;background:white;font-weight:650;color:var(--ink)}.square{padding:0!important}.text-btn{border:0;background:transparent;color:var(--blue);font-weight:700;font-size:13px;padding:11px 0 0}.topic-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.topic-meta span{padding:6px 10px;border-radius:99px;font-size:12px;font-weight:750;background:#e9edff;color:var(--blue)}.topic-meta span:nth-child(2){background:#eaf8f3;color:var(--green)}.topic-meta span:nth-child(3){background:#fff4df;color:#936018}.prompt{line-height:1.55;margin:15px 0;color:#35425c}.target{padding-top:14px;border-top:1px solid #edf0f5;color:#6c7890;font-size:14px}.outline-card h2,.feedback-card h2{font-size:18px;margin:0 0 16px}.outline-step{display:grid;grid-template-columns:28px 1fr;gap:10px;margin:15px 0}.outline-step>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#edf0ff;color:var(--blue);font-size:12px;font-weight:800}.outline-step strong{display:block;font-size:14px}.outline-step p{margin:4px 0 0;font-size:14px;color:#6b7790;line-height:1.45}.phrases{border-top:1px solid #edf0f5;margin-top:16px;padding-top:14px}.phrases h3{font-size:14px;margin:0 0 9px}.phrase-chip{width:100%;text-align:left;border:0;background:#fff8e9;color:#72531f;border-radius:9px;padding:9px 10px;margin:4px 0;font-size:14px}.editor-card{overflow:hidden;min-height:calc(100vh - 112px);display:flex;flex-direction:column}.editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #e8ebf2}.editor-head h1{font-size:19px;margin:0}.editor-head p{margin:3px 0 0;color:#77839a;font-size:14px}.stats{display:flex;gap:8px;color:#68748c;font-size:14px;white-space:nowrap}.stats b{color:var(--blue)}#essayInput{border:0;resize:none;outline:none;min-height:660px;flex:1;padding:24px;font-size:17px;line-height:1.85;color:#273550}#essayInput::placeholder{color:#8a95a8}.editor-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid #e8ebf2}.editor-actions>div{display:flex;gap:8px}.primary-btn,.secondary-btn,.ghost-btn{border-radius:10px;padding:10px 14px;font-weight:750;cursor:pointer}.primary-btn{border:1px solid var(--blue);background:var(--blue);color:#fff}.primary-btn:hover{background:#2849b8}.primary-btn:disabled{opacity:.6;cursor:wait}.secondary-btn{border:1px solid #ccd4e2;background:#fff;color:#30405e}.ghost-btn{border:0;background:transparent;color:#44516a}.wide{width:100%;margin-top:16px}.coach-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#edf0ff;color:var(--blue);font-size:24px}.feedback-card h2{margin-top:15px}.feedback-card>p{color:var(--muted);font-size:14px;line-height:1.5}.rubric{display:grid;gap:10px;margin-top:15px}.rubric>div{display:flex;gap:11px;background:#f6f8fb;border-radius:12px;padding:11px}.rubric b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:white;color:var(--blue);font-size:12px}.rubric strong,.rubric small{display:block}.rubric strong{font-size:14px}.rubric small{color:#7a869d;margin-top:3px}.coach-note{border:1px dashed #b9c5e6;background:#f5f7ff;color:#52617d;border-radius:12px;padding:13px;margin-top:17px;font-size:14px;line-height:1.55}.result-card{overflow:hidden}.score-head{background:var(--blue-dark);color:#fff;padding:20px;display:grid;grid-template-columns:1fr auto;gap:6px}.score-head small{display:block;color:#ffffffb8}.score-head strong{font-size:38px}.score-head em{font-size:15px;color:#ffffff99;font-style:normal}.score-head>span{align-self:center;background:#ffffff1f;border-radius:10px;padding:8px 11px;font-weight:800}.score-track{grid-column:1/-1;height:8px;border-radius:9px;background:#ffffff25;overflow:hidden;margin-top:6px}.score-track i{display:block;height:100%;background:#6d8cff;width:0}.tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:17px 17px 0;background:#f0f2f7;border-radius:10px;padding:3px}.tabs button{border:0;background:transparent;padding:8px 4px;border-radius:8px;color:#68748b;font-size:13px}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #243f9b20}.tab-panel{padding:18px;font-size:14px;line-height:1.55}.tab-panel>p{color:#5d6a83}.tab-panel h3{font-size:14px;margin:18px 0 6px;color:var(--green)}.tab-panel h3.amber{color:var(--amber)}.tab-panel ul{margin:0;padding-left:20px;color:#54617a}.correction{border:1px solid var(--line);border-radius:12px;padding:13px;margin-bottom:10px}.correction del{display:block;color:#b64b55}.correction ins{display:block;color:var(--green);font-weight:700;text-decoration:none;margin:7px 0}.correction small{color:#6c7890}.rewrite{white-space:pre-wrap;background:#f5f7fb;border-radius:12px;padding:15px;max-height:520px;overflow:auto;line-height:1.75}dialog{border:0;background:transparent;padding:0;width:min(560px,calc(100% - 28px))}dialog::backdrop{background:#12182b99;backdrop-filter:blur(3px)}.modal{position:relative;background:#fff;border-radius:18px;padding:24px;box-shadow:0 24px 80px #0f172a40}.modal h2{margin:0 32px 8px 0}.close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;background:#f0f2f6;border-radius:10px;font-size:22px}.muted{color:var(--muted);font-size:14px;line-height:1.55}.hint{display:block;color:#7b879c;margin-top:7px;line-height:1.45}.modal-row{display:flex;gap:9px;margin-top:16px}.file-label{display:inline-flex!important;align-items:center;justify-content:center;font-size:16px!important;color:#30405e!important}.file-label input{display:none}.history-modal{max-height:80vh;overflow:auto}.history-item{display:flex;width:100%;justify-content:space-between;gap:12px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px;margin:8px 0}.history-item:hover{background:#f8f9fd}.history-item small{display:block;color:#78849a;margin-top:4px}.history-score{align-self:center;background:#e9edff;color:var(--blue);border-radius:8px;padding:6px 9px;font-weight:800}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%,-20px);background:#17223b;color:#fff;border-radius:10px;padding:11px 16px;opacity:0;pointer-events:none;transition:.25s;z-index:30;box-shadow:0 10px 30px #10182b38}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}
@media(max-width:1180px){.app-shell{grid-template-columns:280px 1fr}.right-column{grid-column:1/-1;position:static;max-height:none}.right-column .card{max-width:none}.left-column{top:85px}.editor-card{min-height:760px}}
@media(max-width:760px){body{font-size:16px}.topbar{height:62px;padding:0 14px}.app-shell{display:flex;flex-direction:column;padding:12px;gap:12px}.left-column,.right-column{display:contents}.topic-card{order:1}.editor-card{order:2;min-height:600px;width:100%}.feedback-card,.result-card{order:3;width:100%}.outline-card{order:4}.filter-grid{grid-template-columns:1fr 1fr}.editor-head{padding:15px;align-items:flex-start}.stats{font-size:13px}.editor-actions{align-items:stretch}.editor-actions,.editor-actions>div{display:grid;grid-template-columns:1fr 1fr}.editor-actions .ghost-btn{grid-row:2;grid-column:1/-1}.editor-actions>div{display:contents}#essayInput{min-height:420px;padding:18px;font-size:16px}.left-column,.right-column{position:static;max-height:none;overflow:visible}.top-actions{gap:2px}.modal-row{flex-direction:column}}
@media(display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top))}}