/* Pubagenten 0.5.1: guided planning and a light, contrasting character stage. */
#pubagenten{--pa-ink:#17352c;--pa-muted:#4e6259;--pa-gold:#edc664;--pa-dark:#17352c;color:var(--pa-ink);background:#fffaf0;border:1px solid #d6c8ac;border-radius:22px;padding:18px 26px;margin:0 0 24px;overflow:hidden;position:relative;font-family:Arial,Helvetica,sans-serif;scroll-margin-top:20px;box-shadow:0 16px 40px #142b2310}
#pubagenten *{box-sizing:border-box}#pubagenten [hidden]{display:none!important}
#pubagenten .pa-top,#pubagenten .pa-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
#pubagenten .pa-top>div{display:flex;align-items:center;gap:8px}
#pubagenten .pa-status{font:700 10px/1.5 Arial,sans-serif;letter-spacing:1.4px;color:#385543}
#pubagenten .pa-led{width:7px;height:7px;border-radius:50%;background:#417441}
#pubagenten .pa-stage{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:center;margin:8px 0 22px}
#pubagenten .pa-portrait{position:relative;display:grid;place-items:center;isolation:isolate;height:234px;border-radius:24px;background:radial-gradient(ellipse at 50% 40%,#fffdf2 15%,#f3d796 72%,#eac574);border:1px solid #d9b76a}
#pubagenten .pa-portrait img{width:173px;height:219px;object-fit:contain;position:relative;z-index:1;transform-origin:50% 90%;filter:drop-shadow(0 7px 6px #48371835)}
#pubagenten .pa-orbit{position:absolute;width:166px;height:166px;top:25px;border:1px solid #b1874260;border-radius:50%}
#pubagenten .pa-orbit:before{content:'';position:absolute;inset:14px;border:1px dashed #b1874240;border-radius:50%}
#pubagenten .pa-tag{position:absolute;left:9px;bottom:12px;font:9px monospace;letter-spacing:2px;color:#705720;writing-mode:vertical-rl}
#pubagenten .pa-kicker{display:block;font:700 10px/1.5 Arial,sans-serif;letter-spacing:1.3px;color:#71500f}
#pubagenten h2{font:46px/1.08 Georgia,serif;letter-spacing:-1.5px;color:var(--pa-ink);margin:6px 0 12px}
#pubagenten h2 span{color:#9e6b13}
#pubagenten .pa-intro{font:700 23px/1.35 Arial,sans-serif;margin:0 0 10px;color:var(--pa-ink)}
#pubagenten .pa-explain{font:15px/1.6 Arial,sans-serif;max-width:600px;margin:0;color:var(--pa-muted)}
#pubagenten .pa-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:0}
#pubagenten .pa-steps li{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #d8d2c3;border-radius:10px;font:700 13px/1.4 Arial,sans-serif;color:#58685c;background:#f4f0e5}
#pubagenten .pa-steps b{flex-shrink:0;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e2e4d5;color:#36513a}
#pubagenten .pa-steps li[aria-current]{background:#173e31;color:#fffdf5;border-color:#173e31}
#pubagenten .pa-steps li[aria-current] b{background:#edc664;color:#243c2a}
#pubagenten .pa-guide{font:700 15px/1.65 Arial,sans-serif;margin:8px 0 14px;color:var(--pa-ink)}
#pubagenten .pa-current-plan{font:13px/1.6 Arial,sans-serif;color:var(--pa-muted);margin:0;overflow-wrap:anywhere}
#pubagenten .pa-actions,#pubagenten .pa-tools,#pubagenten .pa-panel-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
#pubagenten .pa-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:11px 16px;border:1px solid #a6b6a2;background:#fffdf5;color:#17352c;border-radius:9px;font:700 14px/1.4 Arial,sans-serif;text-decoration:none;transition:background .15s,border-color .15s;max-width:100%;overflow-wrap:anywhere}
#pubagenten .pa-button:hover{background:#e9eddf;border-color:#597752}
#pubagenten .pa-primary,#pubagenten .pa-actions>[data-pa="next"],#pubagenten .pa-actions>[data-pa="share"]{background:#173e31;border-color:#173e31;color:#fffdf5}
#pubagenten .pa-primary:hover{background:#285842;color:#fff}
#pubagenten .pa-button:disabled{opacity:.5;cursor:default}
#pubagenten button:focus-visible,#pubagenten a:focus-visible,#pubagenten select:focus-visible,#pubagenten summary:focus-visible{outline:3px solid #925812;outline-offset:3px}
#pubagenten .pa-text-button{font:12px/1.5 Arial,sans-serif;color:#36513f;background:none;border:none;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px 0;cursor:pointer}
#pubagenten .pa-detail:not(:empty){background:#fff;border:1px solid #d4d9c9;border-radius:13px;padding:22px;margin:14px 0 20px;scroll-margin:20px}
#pubagenten .pa-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
#pubagenten label{font:700 14px/1.6 Arial,sans-serif;color:#254a35}
#pubagenten select{display:block;min-height:48px;width:100%;min-width:0;margin-top:6px;padding:10px;border:1px solid #82957d;background:#fffdf5;color:#17352c;border-radius:7px;font:16px Arial,sans-serif}
#pubagenten .pa-small{font:13px/1.6 Arial,sans-serif;color:#536357;margin:10px 0 0}
#pubagenten h3{font:27px/1.25 Georgia,serif;color:#17352c;margin:0 0 10px;overflow-wrap:anywhere}
#pubagenten .pa-detail p{line-height:1.6}
#pubagenten .pa-route{list-style:none;padding:0;margin:15px 0}
#pubagenten .pa-route li{display:flex;gap:12px;align-items:center;border-bottom:1px solid #dce2d5;padding:12px 0;font-size:15px}
#pubagenten .pa-route li>span{width:30px;height:30px;background:#f4e2b5;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#614814;font-size:13px}
#pubagenten .pa-route li>div{flex:1;min-width:0;overflow-wrap:anywhere}
#pubagenten .pa-route small{display:block;color:#546456;font-size:12px;line-height:1.5;margin-top:4px}
#pubagenten .pa-route a{color:#315b40;font-size:13px;min-height:44px;display:flex;align-items:center;flex-shrink:0}
#pubagenten .pa-mission>p,#pubagenten .pa-option p{font:15px/1.7 Arial,sans-serif;color:#3b5547;margin:10px 0}
#pubagenten .pa-option{padding:14px 0;border-bottom:1px solid #dce2d5}
#pubagenten .pa-option strong{font-size:16px;color:#17352c}
#pubagenten .pa-option p{font-size:14px}
#pubagenten .pa-fold{border-top:1px solid #d8d3c2;padding:2px 0}
#pubagenten summary{cursor:pointer;font:700 14px/1.6 Arial,sans-serif;min-height:48px;padding:13px 3px;color:#254a35}
#pubagenten .pa-fold p,#pubagenten .pa-fold dl{font:14px/1.65 Arial,sans-serif;margin:4px 0 13px;color:#4e6259}
#pubagenten .pa-fold dt{font-weight:700;color:#254a35;margin:16px 0 3px}
#pubagenten .pa-fold dd{margin:0}
#pubagenten .pa-commentary{background:#eaf0df;border-left:3px solid #82915b;border-radius:0 10px 10px 0;padding:14px 17px;margin:18px 0 8px}
#pubagenten .pa-commentary .pa-kicker{color:#4e6141;font-size:9px}
#pubagenten .pa-quote{font:17px/1.5 Georgia,serif;color:#244031;margin:7px 0;overflow-wrap:anywhere}
#pubagenten .pa-fact{font:12px/1.6 Arial,sans-serif;color:#526345;margin:0;overflow-wrap:anywhere}
#pubagenten .pa-bottom{font-size:12px;color:#4e6259}
#pubagenten .pa-bottom>div{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
#pubagenten .pa-progress{overflow-wrap:anywhere}
#pubagenten .pa-planner-feedback,#pubagenten .pa-shortfall{padding:14px;margin:16px 0 0;border:1px solid #b08331;border-radius:8px;background:#fff1cf;color:#503d13;font:14px/1.6 Arial,sans-serif;overflow-wrap:anywhere;scroll-margin:20px}
#pubagenten .pa-planner-feedback p{margin:0;color:inherit;font:inherit}
#pubagenten .pa-planner-feedback:focus{outline:2px solid #925812;outline-offset:3px}
#pubagenten[data-motion="mission"] .pa-portrait img{animation:pa-reveal .9s ease-out}
#pubagenten[data-motion="roast"] .pa-portrait img,#pubagenten[data-motion="compact"] .pa-portrait img{animation:pa-doubletake .9s ease}
#pubagenten[data-motion="start"] .pa-portrait img,#pubagenten[data-motion="checkin"] .pa-portrait img,#pubagenten[data-motion="finish"] .pa-portrait img{animation:pa-salute .85s ease}
#pubagenten.pa-speaking .pa-led{animation:pa-voice .7s ease-in-out infinite}
body:has(#shared-view:not([hidden])) #pubagenten{display:none}
.pr-manual-intro,.pr-usage-hint{font:14px/1.65 Arial,Helvetica,sans-serif;color:#4a6252;margin:18px 0}.pr-manual-intro strong{color:#17352c}.pr-usage-hint{background:#edf0e3;border-radius:8px;padding:14px}
.pa-hero-link{white-space:normal}
@keyframes pa-reveal{0%{transform:scale(.94) rotate(-7deg)}45%{transform:scale(1.04) rotate(4deg)}100%{transform:none}}
@keyframes pa-doubletake{0%,100%{transform:none}30%{transform:rotate(-8deg)}60%{transform:rotate(5deg)}}
@keyframes pa-salute{0%,100%{transform:none}35%{transform:translateY(-7px) rotate(-3deg)}65%{transform:translateY(-2px) rotate(2deg)}}
@keyframes pa-voice{50%{box-shadow:0 0 10px #759044;background:#759044}}
@media(max-width:700px){#pubagenten{padding:12px 15px;border-radius:17px}#pubagenten .pa-stage{grid-template-columns:100px minmax(0,1fr);gap:13px;margin:8px 0 18px;align-items:start}#pubagenten .pa-portrait{height:160px;border-radius:17px}#pubagenten .pa-portrait img{width:95px;height:148px}#pubagenten .pa-orbit{width:90px;height:90px;top:30px}#pubagenten .pa-tag{display:none}#pubagenten h2{font-size:30px;margin:6px 0 10px;letter-spacing:-1px}#pubagenten .pa-kicker{font-size:8px;letter-spacing:.8px}#pubagenten .pa-intro{font-size:17px}#pubagenten .pa-explain{font-size:13px;line-height:1.6}#pubagenten .pa-steps{gap:5px}#pubagenten .pa-steps li{flex-direction:column;align-items:flex-start;padding:9px 7px;font-size:11px;gap:7px}#pubagenten .pa-steps b{width:23px;height:23px;font-size:12px}#pubagenten .pa-guide{font-size:14px}#pubagenten .pa-actions,#pubagenten .pa-panel-actions{display:grid;grid-template-columns:1fr}#pubagenten .pa-tools{display:grid;grid-template-columns:1fr 1fr}#pubagenten .pa-tools .pa-button{font-size:13px;padding:10px}#pubagenten .pa-detail:not(:empty){padding:15px}#pubagenten .pa-form-grid{grid-template-columns:1fr;gap:13px}#pubagenten h3{font-size:24px}#pubagenten .pa-bottom{align-items:start;flex-direction:column;gap:0}#pubagenten .pa-bottom>div{justify-content:flex-start;gap:0 15px}#pubagenten .pa-status{font-size:9px;letter-spacing:1px}#pubagenten .pa-route li{gap:8px}#pubagenten .pa-route a{font-size:12px}#pubagenten .pa-route li>span{width:24px;height:24px}.pr-manual-intro{font-size:13px}}
@media(max-width:370px){#pubagenten .pa-stage{grid-template-columns:82px minmax(0,1fr);gap:10px}#pubagenten .pa-portrait{height:140px}#pubagenten .pa-portrait img{width:79px;height:130px}#pubagenten .pa-orbit{width:72px;height:72px}#pubagenten h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){#pubagenten *,#pubagenten *:before{animation:none!important;transition:none!important}}


/* Visible audio and comedy controls beside the introduction. */
#pubagenten .pa-preferences{padding:17px 18px;margin:0 0 22px;background:#f3e8c9;border:1px solid #cbb77d;border-radius:13px}
#pubagenten .pa-preferences h3{font:700 17px/1.4 Arial,Helvetica,sans-serif;margin:0 0 5px;color:#17352c}
#pubagenten .pa-preferences p{font:13px/1.6 Arial,Helvetica,sans-serif;color:#47593b;margin:0 0 12px}
#pubagenten .pa-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#pubagenten .pa-control-grid .pa-button{min-height:52px;font-size:14px;border:2px solid #8a986e;padding:11px 14px}
#pubagenten .pa-control-grid .pa-control[aria-pressed="true"]{background:#173e31;color:#fffdf5;border-color:#173e31}
#pubagenten .pa-control-grid .pa-control[aria-pressed="false"]{background:#fffdf5;color:#17352c;border-color:#8a986e}
#pubagenten .pa-control-grid .pa-replay{background:#ecd080;color:#27391e;border-color:#a98632}
#pubagenten .pa-control-grid .pa-button:hover{box-shadow:0 0 0 2px #8a986e55}
@media(max-width:700px){#pubagenten .pa-preferences{padding:14px 12px;margin-bottom:18px}#pubagenten .pa-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#pubagenten .pa-control-grid .pa-button{font-size:13px;padding:10px 8px;min-height:54px}#pubagenten .pa-control-grid .pa-replay{grid-column:1/-1}}