.aibot-app{--aibot-ink:#152744;--aibot-brand:#2758ad;--aibot-highlight:#17a8a2;--aibot-soft:#eef7fc;color:var(--aibot-ink);max-width:1080px;margin:24px auto;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}
.aibot-app *{box-sizing:border-box}
.aibot-app h2,.aibot-app h3{color:var(--aibot-ink);margin:0 0 12px;line-height:1.24}
.aibot-app h2{font-size:clamp(24px,3.4vw,36px);font-weight:800}
.aibot-app h3{font-size:clamp(19px,2.8vw,25px);font-weight:750}
.aibot-app p{margin:0 0 13px;line-height:1.65}
.aibot-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:28px;padding:34px;border-radius:24px;background:radial-gradient(ellipse at 95% 18%,rgba(95,211,217,.4),transparent 46%),linear-gradient(117deg,#092e60 0%,#194994 53%,#2467aa 100%);box-shadow:0 12px 32px rgba(14,42,94,.18);color:white;margin-bottom:25px}
.aibot-hero:before{content:'✦   ·        ✦           ·    ✧';position:absolute;top:12px;right:12px;color:#bfe7ff;opacity:.6;letter-spacing:14px;font-size:16px;pointer-events:none}
.aibot-hero h2,.aibot-hero p{color:#fff}.aibot-hero p{max-width:660px;opacity:.95}
.aibot-robot{flex:0 0 auto;display:flex;justify-content:center;align-items:center;width:116px;height:116px;border-radius:32px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26);font-size:71px;line-height:1}
.aibot-eyebrow{display:block;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.13em;color:#c7f1f4;margin-bottom:9px}
.aibot-card{background:#fff;border:1px solid #dce6f0;border-radius:20px;padding:27px;margin:18px 0;box-shadow:0 7px 23px rgba(23,63,104,.065)}
.aibot-pill{display:inline-block;background:#dff5f1;color:#14655d;padding:4px 12px;font-weight:800;border-radius:50px;font-size:12px;letter-spacing:.02em;margin-bottom:12px}
.aibot-btn{display:inline-flex;align-items:center;justify-content:center;background:#175ab5!important;color:#fff!important;font-weight:750;text-decoration:none!important;border:0;border-radius:12px;min-height:45px;padding:10px 20px;cursor:pointer;margin-top:8px;font-size:15px;box-shadow:0 5px 12px rgba(25,75,148,.13)}
.aibot-btn:hover{background:#10478d!important}.aibot-btn:focus-visible,.aibot-linkbtn:focus-visible,.aibot-app textarea:focus-visible,.aibot-app input:focus-visible{outline:3px solid #8cd5ff;outline-offset:3px}
.aibot-btn-soft{background:#e9effa!important;color:#194887!important}.aibot-btn-soft:hover{background:#d6e5f7!important}
.aibot-app textarea{display:block;width:100%;border:1px solid #b9cada;border-radius:12px;padding:14px;font:inherit;color:var(--aibot-ink);background:#fff;min-height:125px;margin:10px 0;resize:vertical}
.aibot-app label{font-weight:650}.aibot-option{display:flex;align-items:flex-start;gap:12px;font-weight:500!important;border:1px solid #cfdfec;background:#fcfeff;padding:12px;border-radius:12px;margin:11px 0;cursor:pointer}
.aibot-option:hover{background:#f2f9fe}.aibot-option input{margin-top:5px;min-width:18px;min-height:18px;accent-color:#215ab0}
.aibot-step{display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.025em;margin-bottom:12px}
.aibot-step span{font-weight:600;color:#65778c;text-transform:none}.aibot-progress{background:#e8edf6;height:9px;width:100%;border-radius:80px;overflow:hidden;margin-bottom:19px}.aibot-progress i{display:block;height:100%;background:linear-gradient(90deg,#2486ba,#17a78e);border-radius:80px}
.aibot-reading{border-top:1px solid #dce7f0;padding-top:13px}.aibot-reading summary{cursor:pointer;font-weight:780;color:#26578c}.aibot-story{padding:21px 0 0;font-family:Georgia,serif;font-size:17px;line-height:1.85;color:#1c3147;max-width:75ch}.aibot-story p{margin-bottom:1.05em}
.aibot-feedback{padding:12px 15px;margin:9px 0 16px;background:#e1f5ed;border-left:4px solid #28a77c;border-radius:8px;color:#15543f}
.aibot-hint{padding:14px 17px;background:#fffae5;border-left:4px solid #e1ad31;border-radius:9px;margin:14px 0;color:#55441a}
.aibot-extra{margin-top:8px}.aibot-linkbtn{padding:7px 4px;border:0;background:none;text-decoration:underline;color:#195c9b;font-weight:750;font-size:15px;cursor:pointer}
.aibot-note{padding:18px;background:#eef6ff;border:1px solid #cddfe9;border-radius:12px}
.aibot-small{font-size:12px;color:#62758c;margin-top:17px!important}.aibot-completed{text-align:center}.aibot-completed .aibot-robot{margin:0 auto 15px}
.aibot-admin{max-width:1200px}.aibot-admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px}.aibot-admin-metrics>div{background:#fff;padding:16px 18px;border:1px solid #d4dce4;border-radius:12px}.aibot-admin-metrics b{font-size:29px;color:#235c9d;display:block}.aibot-admin-metrics span{font-size:12px;color:#677487}.aibot-admin .aibot-bar{background:#eaf1f7;border-radius:100px;height:8px;max-width:180px;overflow:hidden;display:inline-block;width:55%;margin-right:9px}.aibot-admin .aibot-bar i{display:block;background:#218dba;height:100%}.aibot-panel-filter{padding:13px 0}.aibot-review{border:1px solid #d3dee8;border-radius:12px;background:#fff;margin:18px 0;padding:18px;max-width:1050px}.aibot-answer{white-space:pre-line;background:#f0f8fd;padding:14px;border-radius:7px;border-left:3px solid #2a86ad}
@media(max-width:740px){.aibot-hero{flex-direction:column;align-items:flex-start;padding:24px;gap:18px}.aibot-robot{width:87px;height:87px;font-size:54px}.aibot-card{padding:20px}.aibot-story{font-size:16px}.aibot-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.aibot-step{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.aibot-app *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}