:root{--bg: #283e7d;--rail: #1f3163;--rail-inactive: #2b4587;--border: #3d5595;--accent: #78b4d9;--on-accent: #14294f;--text: #eef3fa;--text-mid: #a9cde8;--muted: #8798c9;--muted-warm: #8a97ad;--card-text: #1a1a1a;--detail-bg: #eef5fb;--detail-text: #33507e;--link: #527dbf;--yellow: #fff6b6;--yellow-text: #6b5d00;--pink: #ffb6ef;--pink-text: #7d2a66;--skeleton: #dfe6ef;--pane: .45s cubic-bezier(.4, 0, .2, 1)}:root[data-accent=purple]{--accent: #9e72e3}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Patrick Hand,system-ui,sans-serif;font-size:15px;line-height:1.45}input,button,textarea{font:inherit}button{cursor:pointer}.app{display:flex;height:100%}.rail{width:58px;background:var(--rail);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:12px;flex-shrink:0}.rail-btn{width:32px;height:32px;border:none;border-radius:9px;background:var(--rail-inactive);color:var(--text-mid);font-size:16px}.rail-btn.active{background:var(--accent);color:var(--rail)}.rail-btn.star{font-size:15px}.rail-spacer{flex:1}.rail-help{width:24px;height:24px;border-radius:50%;border:2px solid var(--accent);background:none;color:var(--accent);font-size:13px}.screen{flex:1;display:flex;flex-direction:column;padding:16px 18px;gap:12px;min-width:0;overflow:hidden}.header{display:flex;align-items:center;gap:10px}.pill{border-radius:12px;padding:7px 16px;font-size:14px;border:2px solid transparent;background:var(--accent);color:var(--on-accent);transition:background .2s,border-color .2s,color .2s}.pill.outline{background:none;border-color:var(--accent);color:var(--text-mid)}.pill.ghost{background:none;border-color:var(--border);color:var(--muted)}.header input[type=search]{flex:1;min-width:0;background:transparent;border:2px solid var(--border);border-radius:12px;padding:6px 14px;color:var(--text)}.header input::placeholder{color:var(--muted)}.avatar{width:28px;height:28px;border-radius:50%;border:none;background:var(--pink);color:var(--pink-text);font-size:12px;font-weight:600;flex-shrink:0}.menu{position:absolute;top:54px;right:18px;background:var(--rail);border:2px solid var(--border);border-radius:12px;padding:8px;z-index:10;display:flex;flex-direction:column;gap:2px;min-width:200px}.menu .who{color:var(--muted);font-size:13px;padding:4px 10px 8px}.menu button{background:none;border:none;color:var(--text-mid);text-align:left;padding:6px 10px;border-radius:8px;font-size:14px}.menu button:hover{background:var(--rail-inactive)}.actions-banner{background:var(--yellow);color:var(--yellow-text);border-radius:10px;padding:6px 12px;font-size:13.5px;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.actions-banner button{border:none;background:none;color:var(--yellow-text);text-decoration:underline;font-size:13px}.panes{display:flex;gap:16px;flex:1;min-height:0}.jobs{flex:1.35;display:flex;flex-direction:column;min-width:0}.caption{font-size:12.5px;color:var(--muted);margin-bottom:8px}.job-list{display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding-bottom:24px}.card{background:#fff;border-radius:12px;border:2px solid transparent;padding:10px 12px;color:var(--card-text);cursor:pointer;transition:border-color .2s;text-align:left;width:100%}.card.selected{border-color:var(--accent)}.card-row{display:flex;align-items:center;gap:10px}.logo{width:30px;height:30px;border-radius:8px;flex-shrink:0}.card-main{flex:1;min-width:0}.card-title{font-size:16px}.card-sub{font-size:13px;color:#888}.tag{font-size:12px;border-radius:9px;padding:2px 9px;flex-shrink:0}.tag.core{background:var(--yellow);color:var(--yellow-text)}.tag.stretch{background:var(--pink);color:var(--pink-text)}.tag.applied{background:var(--detail-bg);color:var(--detail-text)}.detail{background:var(--detail-bg);border-radius:8px;padding:9px 11px;font-size:13.5px;color:var(--detail-text);margin-top:9px;white-space:pre-wrap}.card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:9px;font-size:13px}.variant-pill{background:var(--yellow);color:var(--yellow-text);border-radius:9px;padding:2px 9px;border:none;cursor:default}.card-actions a{color:var(--link)}.apply-btn{border:none;border-radius:9px;padding:3px 12px;background:var(--bg);color:#fff}.apply-btn:disabled{background:var(--detail-bg);color:var(--detail-text);cursor:default}.fb{display:flex;align-items:center;gap:6px;margin-left:auto}.fb button{border:2px solid var(--skeleton);background:none;border-radius:9px;padding:1px 9px;font-size:14px}.fb button.on-yes{background:var(--yellow);border-color:var(--yellow)}.fb button.on-no{background:var(--pink);border-color:var(--pink)}.fb input{border:1px solid var(--skeleton);border-radius:8px;padding:2px 8px;font-size:13px;width:170px;color:var(--card-text)}.stack-pane{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:0}.stack{position:relative;width:min(78%,300px);aspect-ratio:3 / 3.6}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;padding:16px 14px}.sheet.l2{background:#e9eef5;transform:translate(14px,14px)}.sheet.l1{background:#f4f7fb;transform:translate(7px,7px)}.sheet.top{background:#fff;box-shadow:0 2px 10px #00000047}.sheet.top h3{font-size:15px;color:var(--bg);margin-bottom:12px}.bar{height:7px;border-radius:3px;background:var(--skeleton);margin-bottom:8px}.stack-caption{font-size:11.5px;color:#999;position:absolute;bottom:10px;left:14px;right:14px}.stack-note{font-size:11.5px;color:var(--muted);text-align:center}.subview{flex:1;overflow-y:auto}.subview h2{font-size:19px;margin-bottom:12px}.runs-table{width:100%;border-collapse:collapse;font-size:14px}.runs-table th,.runs-table td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border);color:var(--text-mid)}.runs-table th{color:var(--muted);font-size:12.5px}.report{background:#fff;color:var(--card-text);border-radius:14px;padding:20px 24px;max-width:800px}.report a{color:var(--link)}.report h1,.report h2,.report h3{margin:.8em 0 .4em}.report p,.report ul,.report ol{margin-bottom:.7em}.report li{margin-left:1.2em}.login{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:36px;text-align:center}.login .logo-block{width:84px;height:84px;border-radius:20px;background:var(--accent);color:#fff;font-size:36px;display:flex;align-items:center;justify-content:center}.login .wordmark{font-size:17px;color:var(--text-mid);letter-spacing:.5px}.login h1{font-size:23px;max-width:520px;line-height:1.35;font-weight:400}.login form{display:flex;gap:12px;width:min(60%,420px)}.login input{flex:1;background:var(--rail);border:none;border-radius:22px;padding:11px 18px;color:var(--text);min-width:0}.login input::placeholder{color:var(--muted)}.login .footnote{font-size:13px;color:var(--muted)}.notice{color:var(--text-mid)}.error{color:var(--pink)}.empty{color:var(--muted);padding:24px 4px}@media (max-width: 760px){.stack-pane{display:none}.header{flex-wrap:wrap}.fb input{width:120px}}