*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#1b2c42;font-family:Inter,Segoe UI,Arial,sans-serif}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#102840;color:#fff}.brand{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:800}.brand span{font-size:19px}.tag{font-size:10px;letter-spacing:2px;color:#a1c5dd}main{max-width:1380px;margin:auto;padding:45px 32px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#087d85}h1{font-size:40px;letter-spacing:-1.5px;margin:12px 0}h2{font-size:18px;margin:0 0 8px}p{line-height:1.6}.subtitle{max-width:770px;color:#65758a;font-size:16px}.status{display:flex;flex-wrap:wrap;gap:24px;font-size:12px;color:#8794a5;margin:25px 0}.status .online{color:#087d85}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:22px}.card{background:#fff;border:1px solid #e0e7ef;border-radius:16px;padding:25px;box-shadow:0 4px 14px #10284004}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.card-head p{font-size:12px;color:#748297;margin:0}.card-head select{max-width:190px}button,input,select{font:inherit;font-size:12px;border:1px solid #d4dfe9;border-radius:7px;background:#fff;padding:10px 12px;color:#263b53}button{cursor:pointer}button:hover{background:#edf6f7;border-color:#7db7bb}button:disabled{opacity:.45;cursor:default}.primary{background:#087f87;color:#fff;border-color:#087f87}.primary:hover{background:#096971}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0d9baf;outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.editor-footer{display:flex;justify-content:space-between;font-size:11px;color:#758397;margin-top:12px}.note{font-size:11px;line-height:1.7;color:#7b899c;background:#f7f9fc;padding:12px;border-radius:8px}.badge{float:right;background:#e5f1f2;color:#087f87;padding:3px 9px;border-radius:6px;font-size:12px}.issues{max-height:482px;overflow:auto}article{padding:14px 0;border-bottom:1px solid #eef1f5}article b{font-size:14px}article small{float:right;color:#97a2b1;font-size:10px}.choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.choices button{background:#f1f7fb;font-size:11px;padding:7px 9px}.mini{display:flex;gap:10px;margin-top:8px}.mini button{border:0;padding:3px;color:#708198;font-size:10px}.empty{text-align:center;padding:75px 10px;color:#078489;font-size:30px}.empty p{font-size:13px;color:#738499}.dictionary{margin-top:24px}.word-form{display:flex;flex-wrap:wrap;gap:10px}.word-form input:last-child{margin-left:auto}.word-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.word-chip{display:flex;align-items:center;gap:12px;border:1px solid #e0e7ee;padding:8px 10px;border-radius:8px;font-size:12px}.word-chip span{font-size:10px;color:#8795a6}.word-chip button{border:0;padding:0 4px;font-size:18px}.notice{background:#fff5dc;padding:12px;border-radius:8px;margin-bottom:20px;font-size:12px}footer{font-size:11px;color:#8e9bab;text-align:center;margin:28px 0}@media(max-width:850px){.layout{grid-template-columns:1fr}h1{font-size:30px}main{padding:25px 16px}.card-head{flex-wrap:wrap}.tag{display:none}.word-form input:last-child{margin-left:0}}.overlay .spell-error{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:#dc3545;text-underline-offset:4px}.account{display:flex;align-items:center;gap:16px}.account a{color:#fff;font-size:12px}.account button{background:transparent;color:#fff;border-color:#58758f}
