:root{--ink:#20324a;--muted:#61728a;--navy:#17345c;--yellow:#ffd968;--mint:#ccefe0;--sky:#dcefff;--coral:#ff8d7b;--paper:#fffdf8;--line:#dce4ee}*{box-sizing:border-box}body{color:var(--ink);background:#f6f8fc;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{max-width:1160px;margin:auto;padding:24px}.nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.brand{color:var(--navy);font-size:1.35rem;font-weight:900;text-decoration:none}.brand span{color:#e96758}.navlinks{flex-wrap:wrap;gap:8px;display:flex}.navlinks a{color:var(--ink);border-radius:10px;padding:9px 12px;font-weight:700;text-decoration:none}.navlinks a:hover,.navlinks a:focus-visible{background:var(--sky)}.nav-logout{color:var(--ink);background:0 0;border:0;border-radius:10px;padding:9px 12px;font-weight:700}.nav-logout:hover,.nav-logout:focus-visible{background:var(--sky)}.hero{background:var(--navy);color:#fff;border-radius:28px;padding:42px;position:relative;overflow:hidden}.hero:after{content:"✦";color:var(--yellow);opacity:.9;font-size:8rem;position:absolute;top:9%;right:6%}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#f4d86b;font-size:.75rem;font-weight:800}.hero h1{max-width:720px;margin:12px 0;font-size:clamp(2.2rem,6vw,4.7rem);line-height:1}.hero p{color:#e1ebf8;max-width:590px;line-height:1.5}.button{background:var(--yellow);color:var(--ink);border:0;border-radius:13px;padding:13px 18px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:0 3px #d2a62b}.button.secondary{background:#fff;box-shadow:0 3px #bcc7d4}.button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #1565c0}.grid{gap:18px;display:grid}.stats,.landing-grid{grid-template-columns:repeat(3,1fr);margin:20px 0}.subscription-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.subscription-plan{flex-direction:column;align-items:flex-start;display:flex}.subscription-plan h2{margin:16px 0 8px}.subscription-plan strong{color:var(--navy);font-size:1.5rem}.subscription-plan .button{margin-top:auto}.landing-grid h2,.landing-cta h2{margin:14px 0 8px}.landing-cta{justify-content:space-between;align-items:center;gap:16px;display:flex}.auth-shell{max-width:540px}.auth-card{margin-top:48px}.auth-card h1{margin:10px 0}.auth-card form{gap:15px;margin:24px 0;display:grid}.auth-card label{gap:6px;font-weight:700;display:grid}.auth-card input{border:1px solid var(--line);width:100%;color:var(--ink);border-radius:10px;padding:11px}.auth-card input:focus{border-color:#5c9be6;outline:2px solid #5c9be6}.card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px;box-shadow:0 4px 12px #2f4b7610}.stat strong{color:var(--navy);font-size:2rem;display:block}.stat span{color:var(--muted);font-weight:700}.section-head{justify-content:space-between;align-items:end;gap:10px;margin:34px 0 14px;display:flex}.section-head h2{margin:0;font-size:1.6rem}.section-head p{color:var(--muted);margin:0}.prompt-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.prompt{flex-direction:column;min-height:245px;display:flex}.tag{background:var(--sky);border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:.8rem;font-weight:800}.tag.persuasive{background:var(--mint)}.prompt h3{margin:16px 0 8px;font-size:1.3rem}.prompt p{color:var(--muted);flex:1;line-height:1.45}.filterbar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.filterbar select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:10px}.workspace{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:22px;display:grid}.task{font-size:1.25rem;line-height:1.45}.editor{border:2px solid var(--line);resize:vertical;width:100%;min-height:350px;color:var(--ink);border-radius:14px;padding:16px;line-height:1.6}.editor:focus{border-color:#5c9be6;outline:none}.plan{min-height:130px}.sidebar>*+*{margin-top:16px}.timer{color:var(--navy);font-variant-numeric:tabular-nums;font-size:2.1rem;font-weight:900}.wordbank{flex-wrap:wrap;gap:7px;display:flex}.wordbank span{background:#fff1c4;border-radius:999px;padding:6px 9px;font-weight:700}.notice{border-left:5px solid var(--yellow);background:#fff8db;border-radius:8px;padding:14px;line-height:1.45}.small{color:var(--muted);font-size:.9rem;line-height:1.45}.review-grid{grid-template-columns:1fr 1fr}.feedback-list{padding-left:20px;line-height:1.55}.score{color:#edb71e;letter-spacing:1px;gap:3px;display:flex}.badge{background:var(--mint);border-radius:13px;padding:12px;font-weight:800}.empty{color:var(--muted);padding:18px 0}.error{color:#a62b1f;font-weight:700}.toast{color:#21755a;font-weight:700}@media (max-width:720px){.shell{padding:16px}.hero{padding:28px 24px}.stats,.landing-grid,.subscription-grid,.workspace,.review-grid{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start}.hero:after{display:none}}