.wp-shell{max-width:1050px;margin:0 auto 40px;color:#192944}
.wp-head{padding:26px 28px;border-radius:22px;background:linear-gradient(125deg,#183052,#305a88);color:#fff}
.wp-head span{font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#9ee6d8}
.wp-head h1{margin:5px 0;font-size:clamp(28px,4vw,42px);color:#fff}
.wp-head p{max-width:700px;margin:0;color:#e0ebf8;line-height:1.5}
.wp-controls{display:grid;gap:12px;margin:18px 0}
.wp-controls label{font-weight:850}
.wp-controls select{width:100%;min-height:46px;padding:8px 12px;border:1px solid #c9d6e7;border-radius:12px;background:#fff;color:#192944;font:inherit}
.wp-modes{display:flex;flex-wrap:wrap;gap:8px}
.wp-modes button{padding:10px 13px;border:1px solid #c9d6e7;border-radius:10px;background:#fff;color:#31496a;font:inherit;font-weight:800;cursor:pointer}
.wp-modes button.is-active{border-color:#3979d4;background:#e8f1ff;color:#1857a4}
.wp-access{padding:15px;border:1px solid #f0d594;border-radius:12px;background:#fff8e9}
.wp-access[hidden]{display:none}
.wp-access a{font-weight:850}
.wp-task{margin:14px 0;padding:20px;border:1px solid #d4e0ed;border-radius:17px;background:#fff;box-shadow:0 6px 18px rgba(19,42,78,.05)}
.wp-task h2{margin:0 0 5px;font-size:19px}
.wp-target{margin:0 0 12px;color:#64748b;font-size:12px;font-weight:800}
.wp-context,.wp-prompt{white-space:pre-wrap;line-height:1.6}
.wp-context{margin:10px 0;padding:14px;border-left:3px solid #54b8a4;background:#f2faf9}
.wp-prompt{margin:10px 0 16px}
.wp-task label{display:block;margin:12px 0 6px;font-weight:850}
.wp-task textarea{width:100%;min-height:190px;box-sizing:border-box;padding:13px;border:1px solid #bdcde0;border-radius:12px;resize:vertical;color:#182843;background:#fff;font:inherit;line-height:1.6}
.wp-task textarea:focus{outline:3px solid rgba(57,121,212,.16);border-color:#3979d4}
.wp-count{margin:6px 0 0;color:#65748a;font-size:12px;font-weight:750}
.wp-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.wp-primary{min-height:44px;padding:0 20px;border:0;border-radius:11px;background:#186d59;color:#fff;font:inherit;font-weight:850;cursor:pointer}
.wp-primary:disabled{opacity:.6;cursor:wait}
#wp-message{margin:0;color:#53647c}
.wp-result{margin:16px 0;padding:20px;border:1px solid #bfdcd2;border-radius:16px;background:#f6fcf9}
.wp-result h2{margin:0 0 8px;font-size:20px}
.wp-result h3{margin:18px 0 7px;font-size:15px}
.wp-score{display:inline-block;padding:7px 11px;border-radius:10px;background:#d5f0e6;color:#145c49;font-size:18px;font-weight:900}
.wp-result p,.wp-result li{line-height:1.6}
.wp-result ul{padding-left:20px}
.wp-example{white-space:pre-wrap;padding:14px;border-radius:10px;background:#fff;border:1px solid #dbe8e4}
.wp-issue{margin:8px 0;padding:10px;border-left:3px solid #e3a74a;background:#fff}
.wp-issue strong{display:block}
.wp-share{display:inline-block;margin-top:12px;padding:10px 14px;border-radius:10px;background:#e8f1ff;color:#1857a4;font-weight:850;text-decoration:none}
body.writing-display-dark .wp-shell{color:#eaf0fb}
body.writing-display-dark :is(.wp-task,.wp-result,.wp-controls select,.wp-modes button,.wp-task textarea,.wp-example){background:#162641;color:#eaf0fb;border-color:#37506d}
body.writing-display-dark .wp-context{background:#1e3d47}
@media(max-width:650px){.wp-head{padding:20px}.wp-task{padding:15px}.wp-modes button{flex:1}}