.agent-view{--ink:#33263f;--plum:#71468c;--lilac:#a771c0;color:var(--ink)}
.agent-view [hidden]{display:none!important}#agent-model-option{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #dbc7e5;border-radius:13px;background:#f9f2fb;color:#634979;line-height:1.6}#agent-model-option input{margin-top:3px;accent-color:#754b8d}
.agent-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 210px;min-height:310px;overflow:hidden;padding:43px 46px 24px;border:1px solid #dfc9e8;border-radius:28px;background:radial-gradient(circle at 77% 25%,#f4d8f8 0,#e8d1f3 24%,transparent 46%),linear-gradient(120deg,#fffdfa,#f4e9fa 58%,#d8bce8);box-shadow:0 24px 60px #60407123}
.agent-hero:before{content:'✦';position:absolute;right:280px;top:18px;color:#b37dbf;font-size:34px;opacity:.58}.agent-hero:after{content:'';position:absolute;width:300px;height:300px;right:-110px;bottom:-200px;border:1px solid #ffffffb8;border-radius:50%;box-shadow:0 0 0 40px #ffffff2b,0 0 0 95px #ffffff17}
.agent-kicker,.agent-panel-heading>span{display:block;color:#835b95;font-size:11px;font-weight:900;letter-spacing:.17em}
.agent-hero h1{max-width:690px;margin:20px 0 13px;font-size:clamp(30px,4vw,52px);line-height:1.2;letter-spacing:-.04em}.agent-hero h1 em{color:#8455a2;font-style:normal}.agent-hero p{max-width:620px;margin:0;color:#66566e;font-size:15px;line-height:1.9}
.agent-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.agent-hero-tags span{padding:8px 12px;border:1px solid #caaad9;border-radius:999px;background:#fff9;box-shadow:0 5px 15px #73548213;color:#6f4a7e;font-size:12px;font-weight:800}
.agent-mascot{position:relative;z-index:1;align-self:end;width:205px;height:240px;padding:0;border:0;background:none;cursor:pointer}.agent-mascot img{width:100%;height:210px;object-fit:contain;filter:drop-shadow(0 20px 17px #61397645);transition:transform .3s}.agent-mascot:hover img{transform:translateY(-9px) rotate(-5deg)}.agent-mascot>span{position:absolute;bottom:5px;left:0;width:100%;padding:8px;border:1px solid #e0c7e9;border-radius:20px;background:#fffdf8;color:#704988;font-size:12px;font-weight:900;box-shadow:0 10px 25px #6140712c}
.agent-workflow{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);align-items:start;gap:20px;margin-top:23px}.agent-panel,.agent-history-wrap{padding:27px;border:1px solid #e7ddea;border-radius:24px;background:#fff;box-shadow:0 12px 35px #3929430e}.agent-panel-heading h2{margin:6px 0 20px;font-size:23px;letter-spacing:-.03em}.agent-brief{display:grid;gap:15px}.agent-brief label,.agent-edit-label{display:grid;gap:7px;font-size:13px;font-weight:800}.agent-brief select,.agent-brief textarea,.agent-edit-label textarea{width:100%;padding:12px 13px;border:1px solid #d9cbdc;border-radius:13px;outline:none;background:#fdfafd;color:#33263f;font-family:inherit;font-size:14px;line-height:1.6}.agent-brief select:focus,.agent-brief textarea:focus,.agent-edit-label textarea:focus{border-color:#a370ba;box-shadow:0 0 0 3px #d9b7e666}.agent-input-note,.agent-boundary{color:#7a6d80;font-size:12px;line-height:1.7}.agent-primary{display:flex;justify-content:space-between;padding:14px 18px;border:0;border-radius:14px;background:linear-gradient(115deg,#653f7e,#9f65af);box-shadow:0 12px 22px #71468c3a;color:#fff;font-weight:900;cursor:pointer}.agent-link{justify-self:start;padding:0;border:0;background:none;color:#815a99;font-weight:800;cursor:pointer}
.agent-result-panel{min-height:500px}.agent-empty{display:grid;align-content:center;justify-items:center;min-height:355px;padding:40px;text-align:center;border:1px dashed #d5bbdf;border-radius:20px;background:radial-gradient(circle at center,#f9f0fc,#fff)}.agent-empty:before{content:'✳';font-size:52px;color:#b788c8}.agent-empty b{margin:5px 0;font-size:19px}.agent-empty p{max-width:330px;color:#796c7d;line-height:1.75}.agent-result-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8b659a;font-size:11px;font-weight:800}.agent-result-meta span{padding:6px 9px;border-radius:999px;background:#f5e8fa}.agent-result h3{margin:18px 0 5px;font-size:26px}.agent-context{margin:0 0 20px;color:#685c6d;line-height:1.6}.agent-evidence,.agent-review{padding:17px;border-radius:17px;background:#f8f3fa}.agent-evidence b,.agent-steps>b,.agent-review b{font-size:13px}.agent-evidence p{margin:8px 0;line-height:1.7}.agent-evidence small{display:block;margin-top:5px;color:#796c7d;line-height:1.6}.agent-steps{display:grid;gap:8px;margin:20px 0}.agent-steps label{display:flex;gap:12px;padding:12px;border:1px solid #e8dcea;border-radius:13px;cursor:pointer}.agent-steps input{accent-color:#8455a2}.agent-steps span{display:grid;gap:4px}.agent-steps small{color:#766a79;line-height:1.5}.agent-review{margin-bottom:19px;background:#fff9ea}.agent-review p{margin:6px 0 0;color:#775d35;line-height:1.65}.agent-edit-label textarea{min-height:310px;margin-top:3px;resize:vertical;font-family:inherit}.agent-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.agent-result-actions button{padding:9px 11px;border:1px solid #d7c2df;border-radius:10px;background:#fff;color:#734989;font-size:12px;font-weight:800;cursor:pointer}.agent-result-actions button:first-child{background:#754b8d;color:#fff}.agent-result-actions button:hover{transform:translateY(-2px)}
.agent-history-wrap{margin-top:22px}.agent-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.agent-history>button{position:relative;display:grid;gap:6px;min-height:110px;padding:15px;border:1px solid #e7d8eb;border-radius:16px;background:linear-gradient(150deg,#fff,#fbf4fd);text-align:left;cursor:pointer}.agent-history small{color:#9463a6}.agent-history b{font-size:15px}.agent-history span{color:#776a7b;font-size:12px}.agent-history i{position:absolute;right:14px;top:15px;color:#835e96;font-style:normal}.agent-history>p{color:#756b78}.agent-boundary{margin:16px 5px 35px}
@media(max-width:920px){.agent-workflow{grid-template-columns:1fr}.agent-history{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.agent-hero{grid-template-columns:1fr;padding:27px 22px 0}.agent-hero h1{font-size:34px}.agent-mascot{justify-self:end;width:140px;height:155px;margin-top:-4px}.agent-mascot img{height:137px}.agent-mascot>span{font-size:10px}.agent-panel,.agent-history-wrap{padding:19px}.agent-history{grid-template-columns:1fr}.agent-workflow{gap:14px}.agent-hero-tags{margin-top:18px}.agent-hero-tags span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.agent-mascot img,.agent-result-actions button{transition:none!important}}
@media(max-width:700px){.mobile-cycle-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-cycle-nav button{font-size:10px;white-space:nowrap}}