.agentic-macro-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0 34px}
.method-timeline ol{grid-template-columns:repeat(4,minmax(0,1fr))}
.agentic-macro-stage{position:relative;min-height:96px;padding:18px;border:1px solid #2c342e;border-radius:14px;background:#111612;color:#7e8980}
.agentic-macro-stage b,.agentic-macro-stage span{display:block}.agentic-macro-stage b{margin:6px 0 4px;color:#c8d0ca;font:600 1rem/1.25 var(--sans)}.agentic-macro-stage span{font-size:.8rem;line-height:1.45}
.agentic-macro-stage i{display:grid;width:25px;height:25px;place-items:center;border:1px solid #3b453e;border-radius:50%;font:700 .72rem var(--sans);font-style:normal}
.agentic-macro-stage.active{border-color:#789e43;background:linear-gradient(145deg,#1b2516,#111612);color:#b6c0b8;box-shadow:0 12px 35px rgba(0,0,0,.18)}.agentic-macro-stage.active i{border-color:var(--yes);background:var(--yes);color:#10150f}.agentic-macro-stage.done{border-color:#455738}.agentic-macro-stage.done i{border-color:#63823d;color:var(--yes)}
.agent-progress{margin:20px 0;padding:24px;border:1px solid #303a32;border-radius:16px;background:linear-gradient(160deg,#151b16,#0d110e)}
.agent-progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.agent-progress-head h3{margin:6px 0 0;font:400 1.55rem/1.15 var(--serif)}.agent-progress-head>small{max-width:210px;color:#7f8b82;font-size:.75rem;line-height:1.45;text-align:right}
.agent-progress ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.agent-step{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;min-height:62px;padding:8px 0;color:#758078}.agent-step:not(:last-child)::before{content:"";position:absolute;left:7px;top:28px;bottom:-8px;width:1px;background:#303933}.agent-step-marker{position:relative;z-index:1;width:15px;height:15px;margin-top:3px;border:2px solid #4a544d;border-radius:50%;background:#111612}.agent-step strong{display:block;color:#aeb7b0;font-size:.95rem;line-height:1.35}.agent-step p{max-width:660px;margin:4px 0 0;color:#7e8981;font-size:.8rem;line-height:1.45}.agent-step>small{font-size:.72rem;white-space:nowrap}.agent-step.done .agent-step-marker{border-color:#688b40;background:#688b40;box-shadow:inset 0 0 0 3px #111612}.agent-step.done strong{color:#d8dfd9}.agent-step.active .agent-step-marker{border-color:var(--yes);background:var(--yes);box-shadow:0 0 0 6px rgba(185,255,61,.09)}.agent-step.active strong,.agent-step.active>small{color:var(--yes)}.agent-step.attention .agent-step-marker{border-color:var(--amber);background:var(--amber)}
.character-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.character-mode-grid label{display:block}.character-mode-grid input{position:absolute;opacity:0;pointer-events:none}.character-mode-grid span{display:block;min-height:96px;padding:16px;border:1px solid #303832;border-radius:12px;background:#111612}.character-mode-grid b,.character-mode-grid small{display:block}.character-mode-grid b{color:#d9dfda;font-size:.92rem}.character-mode-grid small{margin-top:7px;color:#7d8980;font-size:.78rem;line-height:1.45}.character-mode-grid input:checked+span{border-color:var(--yes);box-shadow:inset 0 0 0 1px var(--yes);background:#192117}.character-mode-grid input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}.character-mode-grid label.is-disabled span{opacity:.5}.character-mode-grid label.is-disabled small::after{content:" " attr(data-reason);color:#c8a05b}
.character-details{margin-top:14px}.character-details[hidden]{display:none}.character-details input{width:100%}
.improvement-summary{display:grid;gap:9px;margin:16px 0 24px}.improvement-summary li{color:#ced6cf;line-height:1.5}.improvement-summary li::marker{color:var(--yes)}
.duration-result{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 24px}.duration-result strong{color:var(--yes);font:500 1.15rem var(--sans)}.duration-result span{color:#879188;font-size:.82rem}
.thumbnail-actions,.field-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.thumbnail-variations{display:grid;gap:10px;margin-top:14px}.thumbnail-variations article{padding:13px;border:1px solid #303833;border-radius:10px;background:#0e130f}.thumbnail-variations b,.thumbnail-variations small{display:block}.thumbnail-variations small{margin-top:5px;color:#849087}
.additional-visuals{display:grid;gap:10px;margin-top:22px}.additional-visuals>h4{margin-bottom:2px}.visual-prompt-card{padding:16px;border:1px solid #303a32;border-radius:12px;background:#0e130f}.visual-prompt-card b,.visual-prompt-card p,.visual-prompt-card small{display:block}.visual-prompt-card p{margin:8px 0;color:#cbd3cc;font-size:.82rem;line-height:1.55}.visual-prompt-card small{margin:7px 0;color:#839087;line-height:1.45}.visual-prompt-card .button{margin-top:8px}
.optional-evidence-note,.chapter-time-warning{border:0;border-left:2px solid #607645;background:#171d16;color:#abb5ad;text-transform:none;letter-spacing:0;font-size:.78rem}
.result-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.38fr);gap:22px;align-items:start}.result-hero h2{margin:8px 0}.result-hero .result-next{padding:18px;border:1px solid #394337;border-radius:12px;background:#111611}.result-hero .result-next small,.result-hero .result-next strong{display:block}.result-hero .result-next small{color:#7f8a81}.result-hero .result-next strong{margin-top:8px;color:#eef2ed;line-height:1.4}
@media(max-width:900px){.agentic-macro-track{grid-template-columns:repeat(2,minmax(0,1fr))}.result-hero{grid-template-columns:1fr}}
@media(max-width:620px){.agentic-macro-track,.character-mode-grid{grid-template-columns:1fr}.agent-progress{padding:18px}.agent-progress-head{display:block}.agent-progress-head>small{display:block;margin-top:8px;text-align:left}.agent-step{grid-template-columns:25px minmax(0,1fr)}.agent-step>small{grid-column:2}.thumbnail-actions,.field-actions{display:grid}.thumbnail-actions .button,.field-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.agent-step.active .agent-step-marker,.work-pulse i,.run-spinner{animation:none!important}}