:root{font-family:Trebuchet MS,Arial,sans-serif;color:#171416;background:#ead9b7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#ead9b7}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}body:before{position:fixed;inset:0;z-index:-2;content:"";pointer-events:none;background-color:#ead9b7;background-image:radial-gradient(rgba(23,20,22,.11) .8px,transparent .8px),linear-gradient(115deg,rgba(255,248,220,.42),transparent 52%);background-size:7px 7px,100% 100%}.app-shell{min-height:100vh;overflow:hidden}.topbar{min-height:89px;padding:16px clamp(18px,5vw,72px);border-bottom:3px solid #171416;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#171416;color:#f8e9c4;position:relative}.topbar:after{position:absolute;inset:auto 0 0;height:5px;content:"";background:repeating-linear-gradient(135deg,#e34d32 0 16px,#f0a62e 16px 32px,#247aa1 32px 48px);opacity:.9}.brand-lockup,.topbar-meta,.connection,.item-source-line,.subheading{display:flex;align-items:center}.brand-lockup{gap:14px}.brand-mark{width:47px;height:47px;border:3px solid #f5c64b;color:#f5c64b;display:grid;place-items:center;transform:rotate(-7deg);font-family:Impact,Arial Narrow,sans-serif;font-size:1.45rem;box-shadow:4px 4px #e34d32}.brand-name{color:#fff0ca;font-family:Impact,Arial Narrow,sans-serif;font-size:2rem;letter-spacing:.08em;line-height:.85}.brand-subtitle{margin-top:6px;color:#a9cad0;font-family:Courier New,monospace;font-size:.59rem;letter-spacing:.09em}.topbar-meta{gap:17px;color:#f0c776;font-family:Courier New,monospace;font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.connection{gap:7px}.connection-dot,.status-badge-dot{width:8px;height:8px;border:1px solid #171416;border-radius:50%;background:#8b7770}.connection-online{background:#66bf72;box-shadow:0 0 0 2px #244f3d}.connection-offline{background:#ef684f}.connection-checking{background:#f2b734;animation:blink 1s steps(2,end) infinite}.status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:2px solid currentColor;color:#171416;font-family:Courier New,monospace;font-size:.61rem;font-weight:900;letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap;transform:rotate(-1deg)}.status-demo{color:#f8e9c4;border-color:#f8e9c4;background:#e34d32;box-shadow:3px 3px #f0a62e}.status-demo .status-badge-dot{background:#f5c64b}.status-online .status-badge-dot,.status-success .status-badge-dot{background:#66bf72}.status-offline .status-badge-dot,.status-failed .status-badge-dot{background:#ef684f}.status-running{color:#171416;border-color:#171416;background:#f5c64b;animation:stamp-pulse 1.1s ease-in-out infinite}.status-running .status-badge-dot{background:#e34d32}.status-skipped{color:#66534b;border-color:#8e7969;background:#d1b993}.status-pending{color:#7f6e63;border-color:#a58d76;background:#e4ceb0}.status-pending .status-badge-dot{background:#9e8572}.system-state{color:#a9cad0;font-family:Courier New,monospace;font-size:.62rem}.state-success{color:#66bf72}.state-failed{color:#ef684f}.state-running{color:#f5c64b;animation:blink 1.1s steps(2,end) infinite}.dashboard{width:min(1400px,calc(100% - 40px));margin:0 auto;padding:34px 0 54px}.mission-strip{min-height:92px;padding:16px 22px;border:3px solid #171416;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;color:#fff2cb;background:#247aa1;box-shadow:7px 7px #171416;transform:rotate(-.35deg)}.mission-strip span{font-family:Courier New,monospace;font-size:.67rem;font-weight:800;letter-spacing:.1em}.mission-strip span:last-child{text-align:right;color:#f5c64b}.mission-strip h1{margin:0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(2.2rem,7vw,5.5rem);letter-spacing:.04em;line-height:.8;text-align:center;text-shadow:4px 4px 0 #171416}.mission-strip-labels{display:contents}.mission-strip-labels>div{display:block}.mission-strip-labels>div:last-child{grid-column:3;text-align:right;color:#f5c64b}.mission-strip h1{grid-column:2;grid-row:1}.dashboard-intro{display:flex;align-items:baseline;justify-content:space-between;margin:29px 0 17px;gap:20px}.eyebrow,.panel-kicker,.field>span,.field small,.result-facts span,.subheading,.footer,.panel-note,.stage-kicker,.stage-detail,.stage-count{font-family:Courier New,monospace;letter-spacing:.1em;text-transform:uppercase}.eyebrow{color:#e34d32;font-size:.7rem;font-weight:900}.dashboard-intro p{margin:0;color:#66544b;font-family:Georgia,serif;font-size:.9rem;font-style:italic}.board-grid{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.45fr);gap:22px;align-items:start}.config-panel{grid-column:1;grid-row:1;transform:rotate(-.45deg)}.result-rail{grid-column:2;grid-row:1;display:grid;gap:14px}.timeline-panel{grid-column:1 / -1;grid-row:2;transform:rotate(.2deg)}.panel{border:3px solid #171416;background:#f5e8c8;box-shadow:7px 7px #171416;position:relative}.panel:before{position:absolute;width:12px;height:12px;top:8px;right:9px;content:"";border-top:2px solid #171416;border-right:2px solid #171416;opacity:.35}.panel-heading{min-height:63px;padding:0 19px;border-bottom:3px solid #171416;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f7e8bf}.panel-heading>div{display:flex;align-items:center;gap:12px}.section-index{color:#e34d32;font-family:Courier New,monospace;font-size:.67rem;font-weight:900}h2{margin:0;color:#171416;font-family:Impact,Arial Narrow,sans-serif;font-size:1.05rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase}.panel-kicker{color:#786354;font-size:.59rem;font-weight:800;white-space:nowrap}.panel-note{padding:12px 20px 0;color:#247aa1;font-size:.61rem;font-weight:900}.config-panel form{padding:17px 20px 22px}.field{display:block;margin-bottom:16px}.field>span{display:block;margin-bottom:7px;color:#66544b;font-size:.62rem;font-weight:900}.field input,.field select{width:100%;height:42px;padding:0 11px;border:2px solid #171416;border-radius:0;outline:0;color:#171416;background:#fff4d7;font-family:Courier New,monospace;font-size:.79rem;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s}.field input:focus,.field select:focus{background:#fffbe9;box-shadow:4px 4px #f0a62e;transform:translate(-1px,-1px)}.field small{display:block;margin-top:6px;color:#9b826b;font-size:.54rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.run-button{width:100%;min-height:48px;margin-top:4px;border:3px solid #171416;border-radius:0;color:#fff2cb;background:#e34d32;box-shadow:5px 5px #171416;cursor:pointer;font-family:Impact,Arial Narrow,sans-serif;font-size:1.04rem;letter-spacing:.08em;transition:background .15s,box-shadow .15s,transform .15s}.run-button:hover:not(:disabled){background:#f0a62e;color:#171416;transform:translate(-2px,-2px);box-shadow:7px 7px #171416}.run-button:disabled{cursor:wait;opacity:.72}.run-button-icon{margin-right:9px;font-family:Courier New,monospace;font-size:.85rem;font-weight:900}.timeline-panel{overflow:hidden}.timeline-stage-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));padding:23px 20px 27px}.stage-wrap{min-width:0;position:relative;display:flex;align-items:center}.stage-card{width:100%;min-height:177px;padding:14px 14px 12px;border:3px solid #171416;background:#fff0c9;box-shadow:4px 4px #171416;position:relative;z-index:1;transition:transform .18s,box-shadow .18s,background .18s}.stage-card:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:6px 8px #171416}.stage-topline{display:flex;align-items:center;justify-content:space-between;gap:7px}.stage-number{color:#e34d32;font-family:Impact,Arial Narrow,sans-serif;font-size:1.3rem}.stage-name{margin-top:18px;color:#171416;font-family:Impact,Arial Narrow,sans-serif;font-size:1.65rem;letter-spacing:.04em;line-height:.9}.stage-kicker{margin-top:7px;color:#247aa1;font-size:.59rem;font-weight:900}.stage-detail{min-height:29px;margin-top:18px;color:#66544b;font-size:.58rem;font-weight:800;line-height:1.35}.stage-count{margin-top:7px;color:#247aa1;font-size:.54rem;font-weight:900}.stage-error{display:block;margin-top:8px;color:#b52f29;font-family:Courier New,monospace;font-size:.58rem;font-weight:700}.stage-running{background:#f5c64b;animation:stage-activity .85s steps(2,end) infinite}.stage-running .stage-detail{color:#b52f29}.stage-success{background:#d9e6c7}.stage-success .stage-detail{color:#39714f;font-weight:900}.stage-failed{background:#f4c4ac;animation:impact-shake .25s linear 2}.stage-skipped{opacity:.62;background:#d6c3a5}.workflow-connector{width:34px;height:30px;flex:0 0 34px;display:grid;place-items:center;color:#e34d32;font-family:Impact,sans-serif;font-size:1.7rem}.connector-live{color:#247aa1;animation:connector-pulse 1s ease-in-out infinite}.result-panel{min-height:454px;background:#171416;color:#fff0ca;transform:rotate(.5deg)}.result-panel:before{border-color:#f5c64b}.result-panel .panel-heading{color:#fff0ca;border-color:#f5c64b;background:#247aa1}.result-panel h2,.result-panel .section-index,.result-panel .panel-kicker{color:#fff0ca}.result-panel .section-index{color:#f5c64b}.result-panel .panel-kicker{color:#c7e1e0}.result-panel>:not(.panel-heading){margin-left:25px;margin-right:25px}.empty-state{min-height:363px;display:grid;place-content:center;justify-items:center;padding:40px;text-align:center}.empty-glyph{width:51px;height:51px;margin-bottom:17px;border:3px solid #f5c64b;display:grid;place-items:center;color:#f5c64b;font-family:Impact,sans-serif;font-size:1.7rem;transform:rotate(-8deg)}.empty-state p{max-width:280px;margin:0 0 9px;color:#fff0ca;font-family:Impact,sans-serif;font-size:1.15rem;letter-spacing:.04em}.empty-state span{color:#a9cad0;font-family:Courier New,monospace;font-size:.59rem}.item-source-line{flex-wrap:wrap;gap:7px;margin-top:25px}.payload-label{margin-right:4px;color:#f5c64b;font-family:Courier New,monospace;font-size:.62rem;font-weight:900;letter-spacing:.08em}.source-chip,.priority-chip{padding:5px 8px;border:2px solid;font-family:Courier New,monospace;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.source-github{border-color:#a9cad0;color:#a9cad0;background:#247aa1}.source-gmail{border-color:#f5c64b;color:#171416;background:#f5c64b}.priority-critical{border-color:#ef684f;color:#fff0ca;background:#b52f29}.priority-high{border-color:#f0a62e;color:#171416;background:#f0a62e}.priority-medium{border-color:#66bf72;color:#171416;background:#d9e6c7}.priority-low{border-color:#9b826b;color:#ead9b7;background:#66544b}.result-title{margin:16px 0 10px;color:#fff0ca;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(1.7rem,3vw,2.65rem);font-weight:400;letter-spacing:.02em;line-height:.98}.result-description{max-width:760px;margin:0;color:#c7e1e0;font-family:Georgia,serif;font-size:.93rem;line-height:1.55}.result-facts{display:flex;gap:35px;margin-top:24px;padding:15px 0;border-top:2px solid #4a6266;border-bottom:2px solid #4a6266}.result-facts>div{display:grid;gap:6px}.result-facts span{color:#a9cad0;font-size:.55rem;font-weight:900}.result-facts strong{color:#fff0ca;font-family:Courier New,monospace;font-size:.76rem}.result-facts .score-value{color:#f5c64b;font-family:Impact,sans-serif;font-size:1.45rem;font-weight:400}.external-link,.delivery-card a{color:#78d8dc;font-family:Courier New,monospace;font-size:.67rem;text-decoration:none}.external-link{display:inline-block;margin-top:14px}.external-link:hover,.delivery-card a:hover{color:#fff0ca;text-decoration:underline}.reasoning{margin-top:23px}.subheading{justify-content:space-between;gap:14px;color:#f5c64b;font-size:.58rem;font-weight:900}.reasoning-rule{flex:1;height:2px;background:#4a6266}.reasoning ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:7px}.reasoning li{color:#c7e1e0;font-family:Courier New,monospace;font-size:.72rem}.reasoning li:before{content:"+";display:inline-block;width:18px;color:#66bf72;font-weight:900}.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:24px;padding-bottom:24px}.delivery-card{min-height:108px;padding:13px;border:2px solid #4a6266;background:#202c30;display:grid;align-content:start;gap:8px}.delivery-card .subheading{margin-bottom:3px}.delivery-card strong{color:#fff0ca;font-family:Impact,sans-serif;font-size:1.08rem;font-weight:400;letter-spacing:.04em}.delivery-card>span:last-child{color:#a9cad0;font-family:Courier New,monospace;font-size:.63rem;overflow-wrap:anywhere}.delivery-card .status-badge{padding:4px 6px;font-size:.53rem}.activity-feed{margin:0 20px 21px;border:2px solid #171416;background:#171416;color:#fff0ca}.activity-feed-title{padding:9px 12px;border-bottom:2px solid #f5c64b;color:#f5c64b;font-family:Courier New,monospace;font-size:.61rem;font-weight:900;letter-spacing:.1em}.activity-feed-title span{color:#a9cad0;font-weight:400}.activity-events{min-height:38px;padding:4px 12px;overflow:hidden}.activity-event{display:flex;align-items:center;gap:9px;padding:7px 0;color:#c7e1e0;font-family:Courier New,monospace;font-size:.62rem;letter-spacing:.04em}.event-live{color:#f5c64b}.event-success{color:#9dd39e}.event-failed{color:#ef9587}.event-bullet{width:7px;height:7px;flex:0 0 7px;border:1px solid currentColor;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.alert{padding:13px 15px;border:3px solid #171416;background:#ef684f;box-shadow:5px 5px #171416;display:flex;gap:12px}.alert-icon{width:22px;height:22px;display:grid;place-items:center;border:2px solid #171416;color:#171416;font-family:Impact,sans-serif;font-size:.9rem}.alert strong{color:#171416;font-family:Impact,sans-serif;font-size:.95rem;font-weight:400;letter-spacing:.04em}.alert p{margin:4px 0 0;color:#411b19;font-family:Courier New,monospace;font-size:.67rem;line-height:1.35}.footer{width:min(1400px,calc(100% - 40px));margin:0 auto;padding:0 0 22px;display:flex;justify-content:space-between;gap:16px;color:#806b5a;font-size:.55rem;font-weight:900}@keyframes blink{50%{opacity:.35}}@keyframes panel-enter{0%{opacity:0;transform:translateY(12px) rotate(-.4deg)}to{opacity:1}}@keyframes stamp-pulse{50%{transform:scale(1.025) rotate(-1deg)}}@keyframes stage-activity{50%{background:#f0a62e}}@keyframes connector-pulse{50%{transform:translate(4px)}}@keyframes impact-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media(max-width:1030px){.mission-strip h1{font-size:clamp(2rem,6vw,4rem)}.timeline-stage-grid{grid-template-columns:repeat(3,minmax(170px,1fr));row-gap:22px}.stage-wrap:nth-child(3) .workflow-connector,.stage-wrap:nth-child(5) .workflow-connector{display:none}.stage-wrap:nth-child(4):before,.stage-wrap:nth-child(5):before{position:absolute;top:-18px;left:50%;width:2px;height:18px;content:"";background:#e34d32}}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:20px}.topbar-meta{width:100%;justify-content:space-between;flex-wrap:wrap}.dashboard{width:min(100% - 26px,620px);padding-top:27px}.mission-strip{grid-template-columns:1fr 1fr}.mission-strip h1{grid-column:1 / -1;grid-row:1;text-align:left}.mission-strip-labels>div:last-child{grid-column:2;grid-row:2}.dashboard-intro{display:block}.dashboard-intro p{margin-top:7px}.board-grid{display:flex;flex-direction:column}.config-panel,.result-rail,.timeline-panel{width:100%}.config-panel,.result-panel,.timeline-panel{transform:none}.config-panel{order:1}.timeline-panel{order:2}.result-rail{order:3}.timeline-stage-grid{grid-template-columns:1fr;gap:14px}.stage-wrap{display:block}.workflow-connector{width:100%;height:25px;transform:rotate(90deg)}.stage-wrap:nth-child(3) .workflow-connector,.stage-wrap:nth-child(5) .workflow-connector{display:grid}.stage-wrap:before{display:none!important}.result-facts{flex-wrap:wrap;gap:22px}.footer{width:min(100% - 26px,620px);flex-wrap:wrap}}@media(max-width:450px){.panel-heading{min-height:57px;padding:0 13px}.panel-note,.config-panel form,.timeline-stage-grid{padding-left:14px;padding-right:14px}.panel-kicker{display:none}.delivery-grid{grid-template-columns:1fr}.result-panel>:not(.panel-heading){margin-left:16px;margin-right:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}