:root{color:#19211b;background:#f4f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--ink: #19211b;--muted: #69736b;--line: #dfe5dc;--panel: rgba(255, 255, 255, .9);--green: #18643d;--green-soft: #e4f4e9;--red: #a33434;--red-soft: #fbe8e5;--amber: #8a5a08;--amber-soft: #fff1c9;--violet: #6547d6;--violet-soft: #eee9ff;--shadow: 0 18px 50px rgba(31, 48, 35, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 0%,#eaf5e9 0,transparent 34rem),#f4f7f2}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:#285ac8;text-decoration:none}main{width:min(1440px,calc(100% - 40px));margin:0 auto 96px}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;border-bottom:1px solid rgba(151,166,153,.28)}header h1{margin:0;font-size:17px;font-weight:650;letter-spacing:-.01em}header>:last-child{justify-self:end}.brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;color:var(--ink);font-size:20px;letter-spacing:-.03em}.bolt-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#fff;background:linear-gradient(145deg,#7860ec,#4e34bd);box-shadow:0 8px 20px #593ec647;transform:rotate(-3deg)}.back-link{color:#526158;font-size:14px;font-weight:600;transition:color .16s ease,transform .16s ease}.back-link:hover{color:var(--violet);transform:translate(-2px)}.header-actions{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px}.header-actions button{border:0;background:none;color:var(--ink);cursor:pointer;font-weight:650}.sign-in{max-width:520px;margin:90px auto;padding:36px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.sign-in h2{margin:0;font-size:34px}.sign-in>p:not(.eyebrow){color:var(--muted);line-height:1.6}.primary-action{display:inline-block;margin-top:14px;padding:12px 18px;border-radius:11px;color:#fff;background:#243329;font-weight:700}.local-sign-in{display:block;width:fit-content;margin-top:14px;font-size:13px}.user-filter{display:flex;align-items:center;gap:9px}.user-filter label{color:var(--muted);font-size:13px;white-space:nowrap}.user-filter input{width:112px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff}.user-filter button{padding:8px 11px;border:0;border-radius:9px;color:#fff;background:#243329;cursor:pointer;white-space:nowrap}.eyebrow{margin:0 0 7px;color:#718076;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.dashboard-intro,.batch-hero,.iris-hero{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:48px 0 30px}.dashboard-intro h2,.batch-hero h2,.iris-hero h2{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.03;letter-spacing:-.045em}.dashboard-intro p:last-child{max-width:620px;margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.6}.dashboard-counts{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 10px;min-width:150px;padding:18px 22px;border:1px solid rgba(118,139,121,.22);border-radius:20px;background:#ffffffa3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboard-counts strong{font-size:24px}.dashboard-counts span{color:var(--muted);font-size:13px}.filter-bar,.dashboard-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 10px 9px 16px;border:1px solid var(--line);border-radius:16px;background:#ffffffb8}.filter-bar>span{color:var(--muted);font-size:13px;font-weight:650}.filter-bar>div{display:flex;flex-wrap:wrap;gap:5px}.filter-group{display:flex;align-items:center;gap:10px}.filter-group+.filter-group{padding-left:16px;border-left:1px solid var(--line)}.filter-group>span{color:var(--muted);font-size:13px;font-weight:650;white-space:nowrap}.filter-group>div{display:flex;flex-wrap:wrap;gap:5px}.filter-bar button,.filter-group button{padding:8px 12px;border:0;border-radius:10px;color:#59655d;background:transparent;cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}.filter-bar button:hover,.filter-group button:hover{color:var(--ink);background:#eef2ec}.filter-bar button.selected,.filter-group button.selected{color:#fff;background:#243329;box-shadow:0 6px 16px #1f302329;transform:translateY(-1px)}.batch-list{display:grid;gap:10px;margin-top:18px}.batch-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:16px;padding:17px 18px;color:inherit;border:1px solid rgba(164,176,164,.36);border-radius:18px;background:var(--panel);box-shadow:0 1px #ffffffe6 inset;animation:card-enter .43s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--delay);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.batch-card:hover{border-color:#6547d661;box-shadow:var(--shadow);transform:translateY(-2px)}.batch-card-hitarea{position:absolute;z-index:1;inset:0;border-radius:inherit}.batch-card-hitarea:focus-visible{outline:3px solid rgba(101,71,214,.45);outline-offset:3px}.platform-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#31573d;background:#e4f1e5;font-size:12px;font-weight:800}.platform-mark.ios{color:#5b45bd;background:var(--violet-soft)}.batch-card-main{display:grid;min-width:0;gap:5px}.batch-card-main strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.batch-card-main span,.batch-card-meta time,.muted{color:var(--muted);font-size:13px}.batch-card-meta{display:grid;justify-items:end;gap:5px}.batch-card-iris{position:relative;z-index:2;padding:7px 11px;border:1px solid #b8aae9;border-radius:999px;color:#5138b8;background:#f2efff;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:color .16s ease,background .16s ease,transform .16s ease}.batch-card-iris:hover{color:#fff;background:#6547d6;transform:translateY(-1px)}.card-arrow{color:#8a958c;font-size:20px;transition:color .16s ease,transform .16s ease}.batch-card:hover .card-arrow{color:var(--violet);transform:translate(3px)}.batch-hero{padding-bottom:22px}.batch-hero h2{font-size:clamp(24px,3vw,36px)}.batch-hero-actions{display:flex;align-items:center;gap:12px}.primary-action{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#7158e7,#563bc6);box-shadow:0 9px 22px #593ec63d;font-size:14px;font-weight:700;transition:transform .16s ease,box-shadow .16s ease}.primary-action:hover{transform:translateY(-2px);box-shadow:0 13px 28px #593ec64d}.secondary-action{padding:10px 14px;border:1px solid #cfc7f2;border-radius:12px;color:#513cae;background:#f5f2ff;cursor:pointer;font-size:14px;font-weight:700;transition:transform .16s ease,background .16s ease}.secondary-action:hover{background:#ece7ff;transform:translateY(-2px)}.batch-controls{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:12px}.search,.log-filter{width:100%;border:1px solid var(--line);outline:none;background:#ffffffdb;border-radius:14px;padding:12px 14px;color:var(--ink);transition:border-color .16s ease,box-shadow .16s ease}.search:focus,.log-filter:focus{border-color:#8772e5;box-shadow:0 0 0 4px #6547d61a}.detail-grid{display:grid;grid-template-columns:minmax(230px,20%) minmax(0,80%);gap:16px;margin-top:16px;align-items:start}.classes,.attempt-detail,.iris-tests,.iris-comparison{overflow:hidden;border:1px solid rgba(164,176,164,.38);border-radius:18px;background:var(--panel);box-shadow:0 12px 40px #1f30230e}.class-row+.class-row{border-top:1px solid #e8ece6}.class-row{position:relative;transition:background .18s ease}.class-row.selected{background:linear-gradient(110deg,#eee9ffb8,#ffffff40)}.class-row.selected:before{position:absolute;inset:0 auto 0 0;width:3px;content:"";background:var(--violet);animation:selection-grow .22s ease both}.class-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:17px 17px 17px 19px;border:0;color:inherit;text-align:left;background:transparent;cursor:pointer}.class-button>span:first-child{display:grid;min-width:0;gap:5px}.class-button strong{overflow-wrap:anywhere;line-height:1.25}.class-button small{color:var(--muted);font-size:11px;line-height:1.4}.test-list{display:grid;padding:0 9px 10px;animation:reveal .21s cubic-bezier(.2,.8,.2,1) both}.test-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 11px;border:0;border-radius:10px;color:#566159;text-align:left;background:transparent;cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}.test-button span:first-child{display:grid;overflow-wrap:anywhere;font-size:12px;line-height:1.35}.test-button span:first-child strong{font-weight:650}.test-button span:first-child small{color:var(--muted);font-size:10px;font-weight:500}.test-button:hover{color:var(--ink);background:#ffffffd9;transform:translate(2px)}.test-button.selected{color:#4934a9;background:#fff;box-shadow:0 5px 16px #362a7017;font-weight:700}.outcome-dot{flex:0 0 auto;width:10px;height:10px;border:2px solid #aab2ab;border-radius:50%;background:#d8ddd8}.outcome-dot.passed{border-color:#83c99d;background:#2d9a5b}.outcome-dot.failed,.outcome-dot.infrastructure_error{border-color:#e5a09a;background:#d64b45}.outcome-dot.flaky{border-color:#e0bd65;background:#dfa726}.outcome-dot.running{border-color:#a491ed;background:var(--violet);animation:pulse 1.45s ease-in-out infinite}.attempt-detail{min-height:580px;padding:24px;animation:content-enter .26s ease both}.output-heading,.comparison-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.output-heading h2,.comparison-heading h2{margin:0;overflow-wrap:anywhere;font-size:22px;letter-spacing:-.025em}.duration{flex:0 0 auto;padding:7px 10px;border-radius:10px;color:#5e6961;background:#eef2ec;font-size:12px;font-variant-numeric:tabular-nums}.attempt-picker{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.attempt{position:relative;width:26px;height:26px;padding:0;border:2px solid white;border-radius:9px;outline:1px solid #cbd2cb;background:#d9ded9;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,outline-color .15s ease}.attempt:hover{transform:scale(1.09)}.attempt.passed{background:#35a462;outline-color:#87c99e}.attempt.failed,.attempt.infrastructure_error{background:#db4d47;outline-color:#e6a09b}.attempt.flaky{background:#dfa726;outline-color:#e0bd65}.attempt.running{background:var(--violet);outline-color:#9e8ae9;animation:pulse 1.45s ease-in-out infinite}.attempt.selected{box-shadow:0 0 0 3px #fff,0 0 0 6px #6d55d7;transform:scale(1.06)}.failure-panel{margin-top:22px;padding:16px;border-left:3px solid #d7514a;border-radius:4px 12px 12px 4px;background:#fff6f4}.failure-panel h3{margin:0 0 9px;color:var(--red);font-size:14px}.failure-panel pre{margin:0;max-height:260px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#562d2b;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.artifact-section{margin-top:26px}.artifact-section>h3,.artifact-heading h3{margin:0;font-size:15px}.artifact-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.log-actions{display:flex;align-items:center;gap:12px}.log-actions button{padding:7px 10px;border:1px solid var(--line);border-radius:9px;color:#4f5c53;background:#fff;cursor:pointer}.artifact-heading a{font-size:13px;font-weight:650}.log-filter{margin-top:11px;border-radius:10px 10px 0 0}.log{max-height:620px;min-height:240px;margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border-radius:0 0 12px 12px;color:#dfe8e1;background:#17221b;font:12px/1.58 ui-monospace,SFMono-Regular,Menlo,monospace;scrollbar-color:#536157 #17221b}.images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:11px}.image-card,.comparison-card{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:14px;color:#657168;text-align:left;background:#fff;cursor:zoom-in;transition:border-color .17s ease,transform .17s ease,box-shadow .17s ease}.image-card:hover,.comparison-card:hover{border-color:#a99aeb;box-shadow:0 13px 30px #3d307b1f;transform:translateY(-3px)}.image-card img{width:100%;height:220px;object-fit:contain;border-radius:9px;background:#f5f6f4}.image-card span,.comparison-card span{font-size:12px;font-weight:700}.artifact-link{display:block;width:fit-content;margin-top:8px}.batch-metadata{margin-top:32px;padding:23px 25px;border-top:1px solid var(--line);color:var(--muted)}.batch-metadata h3{margin:0 0 16px;color:#4f5c52;font-size:13px}.batch-metadata dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin:0}.batch-metadata dl div{display:grid;gap:5px;min-width:0}.batch-metadata dt{font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.batch-metadata dd{margin:0;overflow-wrap:anywhere;color:#364239;font-size:13px}.status{display:inline-flex;width:fit-content;border-radius:999px;padding:6px 10px;background:#e9ede9;color:#4f5a52;font-size:12px;font-weight:750;text-transform:capitalize}.status.passed,.status.finished{background:var(--green-soft);color:var(--green)}.status.failed,.status.infrastructure_error{background:var(--red-soft);color:var(--red)}.status.flaky{background:var(--amber-soft);color:var(--amber)}.status.running,.status.building,.status.discovering{background:var(--violet-soft);color:#5440bd}.iris-hero{padding-bottom:24px}.iris-hero>span{color:var(--muted);font-size:14px}.iris-toolbar{position:sticky;z-index:10;top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px;border:1px solid rgba(164,176,164,.42);border-radius:16px;background:#fafcf9e6;box-shadow:0 12px 34px #1f30231a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.iris-filter{position:relative}.iris-filter>button{display:flex;align-items:center;gap:9px;min-width:250px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;color:var(--ink);text-align:left;background:#fff;cursor:pointer}.iris-filter>button span{color:var(--muted);font-size:12px}.iris-filter>button strong{overflow:hidden;flex:1;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.iris-filter>button i{color:var(--muted);font-style:normal}.iris-filter>button.active{border-color:#9b89e7;background:#f4f1ff}.iris-filter-menu{position:absolute;z-index:20;top:calc(100% + 9px);left:0;width:min(420px,calc(100vw - 48px));max-height:62vh;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 20px 55px #1f30232e;animation:reveal .18s ease both}.iris-filter-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 11px;border:0;border-radius:9px;color:#4e5b52;text-align:left;background:transparent;cursor:pointer}.iris-filter-menu button:hover,.iris-filter-menu button.selected{color:#4934a9;background:var(--violet-soft)}.iris-filter-menu button span{overflow-wrap:anywhere;font-size:12px}.iris-filter-group{margin-top:6px;padding-top:6px;border-top:1px solid #edf0eb}.iris-filter-group>button:not(:first-child){padding-left:24px}.iris-filter-group strong{font-size:13px}.iris-filter-group button:first-child span{color:var(--muted);font-size:11px}.iris-apply{padding:10px 17px;border:0;border-radius:11px;color:#fff;background:linear-gradient(145deg,#7158e7,#563bc6);box-shadow:0 8px 20px #593ec63b;cursor:pointer;font-size:14px;font-weight:750}.iris-feed{display:grid;gap:28px;margin-top:24px}.iris-class>header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:0 4px 12px;border-bottom:1px solid #dce2da}.iris-class>header h2{margin:0;font-size:25px;letter-spacing:-.03em}.iris-class>header>span{color:var(--muted);font-size:13px}.iris-test-review{margin-top:12px;padding:20px;border:1px solid rgba(164,176,164,.38);border-radius:18px;background:var(--panel);box-shadow:0 10px 34px #1f30230d}.iris-test-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.iris-test-heading h3{margin:0;font-size:18px;letter-spacing:-.02em}.iris-test-badges{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.iris-test-badges>span:last-child{color:var(--muted);font-size:12px}.iris-warning{margin:15px 0 0;padding:10px 12px;border-radius:10px;color:#70480a;background:var(--amber-soft);font-size:12px}.iris-attempt-review{margin-top:16px}.iris-attempt-review h4{margin:0 0 10px;color:#59655d;font-size:12px}.iris-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.iris-image-card{display:grid;grid-template-rows:auto minmax(280px,56vh);gap:9px;min-width:0;padding:10px;border:1px solid #e0e5de;border-radius:14px;color:var(--ink);text-align:left;background:#fafbf9;cursor:zoom-in}.iris-image-card>span{padding:0 2px;color:var(--muted);font-size:12px;font-weight:700}.iris-empty-diff{cursor:default}.iris-empty-diff>div{display:grid;place-content:center;min-height:280px;border:1px dashed #cfd8cd;border-radius:10px;color:#587061;text-align:center;background:linear-gradient(145deg,#f4f8f3,#eef4ed)}.iris-empty-diff strong{font-size:15px}.iris-empty-diff p{margin:7px 0 0;color:var(--muted);font-size:12px}.lazy-image{display:grid;place-items:center;min-height:280px;overflow:hidden;border-radius:10px;color:#8a958c;background:#f0f3ef}.lazy-image img{width:100%;height:100%;object-fit:contain}.lazy-image i{font-size:12px;font-style:normal}.lightbox{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:24px;background:#0b110dc7;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fade-in .18s ease both}.lightbox-content{position:relative;display:grid;justify-items:center;gap:10px;max-width:min(1200px,96vw);max-height:94vh;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:20px;color:#fff;background:#1c231eeb;box-shadow:0 28px 90px #0006;animation:lightbox-enter .24s cubic-bezier(.2,.8,.2,1) both}.lightbox-content img{max-width:calc(96vw - 32px);max-height:calc(88vh - 54px);object-fit:contain;border-radius:12px}.lightbox-content>span{color:#d3ddd5;font-size:12px}.lightbox-close{position:absolute;z-index:1;top:8px;right:8px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;background:#141a16c2;cursor:pointer;font-size:22px}.empty{color:var(--muted);padding:32px;text-align:center}.error{margin-top:20px;padding:14px;border:1px solid #e5a4a4;border-radius:12px;color:#8c2020;background:#fff3f3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes content-enter{0%{opacity:0;transform:translate(7px)}to{opacity:1;transform:translate(0)}}@keyframes reveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes selection-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes pulse{50%{box-shadow:0 0 0 6px #6547d621}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-enter{0%{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:900px){main{width:min(100% - 24px,1440px)}.dashboard-intro{align-items:start;flex-direction:column}.dashboard-counts{grid-template-columns:auto auto auto auto}.batch-controls,.detail-grid{grid-template-columns:1fr}.classes,.iris-tests{max-height:420px;overflow:auto}.iris-image-grid{grid-template-columns:1fr}.iris-image-card{grid-template-rows:auto minmax(280px,58vh)}.dashboard-filters{align-items:flex-start}}@media(max-width:620px){header{grid-template-columns:1fr auto;padding:10px 0}header h1{display:none}.dashboard-intro,.batch-hero,.iris-hero{align-items:flex-start;flex-direction:column;padding-top:32px}.batch-hero-actions{width:100%;justify-content:space-between}.filter-bar,.dashboard-filters{align-items:flex-start;flex-direction:column}.filter-group+.filter-group{width:100%;padding:10px 0 0;border-top:1px solid var(--line);border-left:0}.batch-card{grid-template-columns:auto minmax(0,1fr) auto auto}.batch-card-meta{grid-column:2;grid-row:2;justify-items:start;grid-auto-flow:column;align-items:center}.card-arrow{grid-column:4;grid-row:1 / 3}.images{grid-template-columns:1fr}.iris-toolbar{align-items:stretch;flex-direction:column}.iris-filter>button{width:100%;min-width:0}.iris-test-heading{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}