body{font-family:Segoe UI,Arial,sans-serif;background:#f8fafd;margin:0}#app{max-width:900px;margin:0 auto;padding:2em}body.lcar{background:#22223b;color:#f2e9e4;font-family:Orbitron,Segoe UI,Arial,sans-serif}.lcar-header{background:linear-gradient(90deg,#22223b 60%,#4a4e69 100%);color:#f2e9e4;padding:1.5em 2em 1em;border-radius:0 0 40px 40px;box-shadow:0 4px 24px #0008;font-size:2.2em;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.5em;position:relative;overflow:hidden}.lcar-header:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:12px;background:linear-gradient(90deg,#f7b32b 0%,#f67280 40%,#355c7d 100%);animation:lcar-bar-glow 2.5s linear infinite alternate;border-radius:0 0 40px 40px;opacity:.85}@keyframes lcar-bar-glow{0%{filter:brightness(1) drop-shadow(0 0 6px #f7b32b)}to{filter:brightness(1.2) drop-shadow(0 0 16px #f67280)}}.lcar-panel{background:#4a4e69;border-radius:32px 8px;margin-bottom:2em;padding:1.5em 2em;box-shadow:0 2px 12px #0004;border-left:16px solid #f7b32b;border-bottom:10px solid #f67280;position:relative}.lcar-panel:before{content:"";position:absolute;left:-16px;top:0;bottom:0;width:12px;background:linear-gradient(180deg,#f7b32b 0%,#f67280 100%);border-radius:16px;filter:blur(1px);opacity:.7}.lcar-section-title{color:#f7b32b;font-size:1.4em;margin:0 0 1em;padding-bottom:.3em;border-bottom:2px solid #f7b32b44;text-transform:uppercase;letter-spacing:.05em}.lcar-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5em;margin-bottom:2em}.lcar-status-card{background:#f2e9e4;color:#22223b;border-radius:16px 32px;padding:1.5em;box-shadow:0 2px 8px #0002,0 0 12px #f7b32b44 inset;font-size:1.05em;text-align:center;position:relative;transition:all .3s}.lcar-status-card:hover{box-shadow:0 4px 16px #f67280cc,0 0 24px #f7b32b88 inset;transform:translateY(-2px);z-index:2}.lcar-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5em;margin-bottom:2em}.lcar-metric-card{background:#c9ada7;color:#22223b;border-radius:24px 8px;padding:1.2em 1.5em;box-shadow:0 1px 4px #0002,0 0 8px #355c7d44 inset;position:relative;transition:all .3s;text-align:center}#s4-status{font-size:1.1em;letter-spacing:.04em;text-transform:uppercase}.lcar-metric-card:hover{box-shadow:0 3px 12px #355c7dcc,0 0 16px #f7b32b88 inset;transform:translateY(-2px);z-index:2}.lcar-metric-card .metric-label{display:block;font-size:.9em;font-weight:600;margin-bottom:.5em;opacity:.8;text-transform:uppercase;letter-spacing:.03em}.lcar-metric-card .metric-value{display:block;font-size:1.6em;font-weight:700;color:#22223b}.lcar-activity{background:#22223b;color:#f2e9e4;border-radius:16px;padding:1.2em 1.5em;font-family:Courier New,Share Tech Mono,monospace;font-size:.95em;margin-bottom:1.5em;box-shadow:0 1px 8px #0002,0 0 12px #f6728044 inset;overflow-y:auto;max-height:200px;min-height:100px;transition:box-shadow .3s}.lcar-activity .activity-item{padding:.5em 0;border-bottom:1px solid #4a4e6933}.lcar-activity .activity-item:last-child{border-bottom:none}.lcar-activity .timestamp{color:#f7b32b;font-weight:700;margin-right:.8em}.lcar-activity .message{color:#f2e9e4}.lcar-activity::-webkit-scrollbar{width:8px;background:#4a4e69}.lcar-activity::-webkit-scrollbar-thumb{background:#f7b32b;border-radius:8px}.lcar-link{color:#f7b32b;text-decoration:underline;font-weight:700;transition:color .2s}.lcar-link:hover{color:#f67280}.lcar-btn{background:linear-gradient(90deg,#f7b32b 0%,#f67280 100%);color:#22223b;border:none;border-radius:24px 8px;padding:.7em 2em;font-size:1.1em;font-family:Orbitron,Segoe UI,Arial,sans-serif;font-weight:700;margin:.5em 0;box-shadow:0 2px 8px #0002,0 0 12px #f7b32b44 inset;cursor:pointer;transition:box-shadow .3s,background .3s}.lcar-btn:hover{background:linear-gradient(90deg,#f67280 0%,#f7b32b 100%);box-shadow:0 2px 16px #f67280cc,0 0 24px #f7b32b88 inset}.engine-card{padding:.9em 1em;background:linear-gradient(135deg,#0b1224 0%,#12294b 60%,#0b1224 100%);border-radius:12px;border:1px solid #00ff9f55;border-left:5px solid #00ff9f;color:#eaffff;text-shadow:0 1px 2px rgba(0,0,0,.8);font-weight:700;letter-spacing:.02em;box-shadow:0 6px 16px #00ff9f26,0 0 0 1px #ffffff0a inset}.job-list,.integrated-pr-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1em;margin-bottom:1.5em}.job-card,.pr-card{background:rgba(34,34,59,.6);border:1px solid #f7b32b55;border-left:6px solid #f7b32b;border-radius:12px;padding:1em;box-shadow:0 2px 8px #0003}.job-card .job-title{font-weight:700;color:#f7b32b;margin-bottom:.3em}.job-card .job-status{font-size:.85em;font-weight:700;display:inline-block;padding:.25em .6em;border-radius:8px;margin-bottom:.5em;background:#4a4e69;color:#f2e9e4}.job-card .job-status.running{background:#0d7377}.job-card .job-status.monitoring{background:#355c7d}.job-card .job-status.steady{background:#4a4e69}.job-card .job-status.predicting{background:#f67280}.job-card .job-status.learning{background:#f7b32b;color:#22223b}.job-card .job-detail,.pr-card .pr-meta{font-size:.9em;color:#c9ada7}.pr-card .pr-title{font-weight:700;color:#f2e9e4;margin-bottom:.35em}.pr-card .pr-branch{font-size:.9em;color:#a8dadc;margin-bottom:.3em}.pr-card .pr-confidence{font-size:.85em;color:#f7b32b}.ci-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1em;margin-bottom:1.5em}.ci-card{background:rgba(34,34,59,.6);border:1px solid #355c7d66;border-left:6px solid #355c7d;border-radius:12px;padding:1em;box-shadow:0 2px 8px #0003}.ci-card.ci-ok{border-left-color:#00ff9f}.ci-card.ci-fail{border-left-color:#f67280}.ci-title{font-weight:700;color:#f2e9e4;margin-bottom:.25em}.ci-meta{font-size:.85em;color:#c9ada7;margin-bottom:.5em}.ci-status{display:inline-block;font-size:.8em;font-weight:800;letter-spacing:.05em;padding:.25em .6em;border-radius:6px;background:#4a4e69;color:#f2e9e4}.ci-link{display:inline-block;margin-left:.6em;color:#f7b32b;text-decoration:underline}.secrets-card{background:rgba(34,34,59,.6);border:1px solid #f7b32b55;border-left:6px solid #f7b32b;border-radius:12px;padding:1em;box-shadow:0 2px 8px #0003;margin-bottom:1.5em}.secrets-card.attention{border-left-color:#f67280}.secrets-row{display:grid;grid-template-columns:1fr 1fr;gap:1em}.secrets-title{font-weight:700;color:#f2e9e4;margin-bottom:.4em}.secrets-list{min-height:32px}.secret-pill{display:inline-block;padding:.25em .6em;border-radius:999px;font-size:.85em;margin:.15em}.secret-pill.ok{background:#0d7377;color:#f2e9e4}.secret-pill.bad{background:#f67280;color:#22223b;font-weight:800}.secrets-meta{margin-top:.6em;font-size:.9em;color:#c9ada7;display:flex;gap:1em}.muted{opacity:.7}.platforms-chip{display:inline-block;margin-left:.8em;padding:.25em .75em;border-radius:999px;font-weight:700;font-size:.85em;background:#4a4e69;color:#f2e9e4;border:1px solid #f7b32b55}.platforms-chip.ok{background:#0d7377}.platforms-chip.bad{background:#f67280;color:#22223b}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit--webkit-backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);`n backdrop-filter: blur(4px)}.live-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#00ff9f;margin-left:.5em;animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 #00ff9fb3}50%{opacity:.5;box-shadow:0 0 0 8px #00ff9f00}}.updating{position:relative}.updating:after{content:"●";position:absolute;right:-1em;color:#00ff9f;animation:pulse-live 2s ease-in-out infinite}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);`n backdrop-filter: blur(4px)}.whats-new-container{position:fixed;top:1em;right:1em;z-index:1000}.whats-new-btn{background:linear-gradient(135deg,#f7b32b 0%,#f67280 100%);border:none;border-radius:24px;padding:.75em 1.5em;color:#22223b;font-weight:700;font-size:.95em;cursor:pointer;box-shadow:0 4px 12px #f7b32b66;transition:all .3s;display:flex;align-items:center;gap:.5em}.whats-new-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f7b32b99}.info-icon{font-size:1.2em}.whats-new-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:#4a4e69;border-radius:24px;padding:2em;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;color:#f2e9e4}.modal-content h2{color:#f7b32b;margin:0 0 .5em}.changes-list{margin:1.5em 0}.change-card{background:rgba(34,34,59,.6);border-left:4px solid #f7b32b;border-radius:12px;padding:1em;margin-bottom:1em}.change-title{font-weight:700;color:#f7b32b;margin-bottom:.5em}.change-desc{margin-bottom:.75em;line-height:1.5}.change-meta{display:flex;gap:1em;font-size:.85em;opacity:.8}.modal-close{background:#22223b;border:2px solid #f7b32b;border-radius:16px;padding:.75em 2em;color:#f7b32b;font-weight:700;cursor:pointer;width:100%;margin-top:1em;transition:all .3s}.modal-close:hover{background:#f7b32b;color:#22223b}.owner-nav{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;background:#0f172a;color:#e2e8f0;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(148,163,184,.25)}.owner-nav .brand{font-weight:800;letter-spacing:.04em}.owner-nav .nav-left{display:flex;gap:16px;align-items:center}.owner-nav .nav-links{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem}.owner-nav .nav-links a{color:#cbd5e1;text-decoration:none;font-size:.9rem;padding:4px 8px;white-space:nowrap}.owner-nav .nav-links a:hover{color:#93c5fd}.owner-nav .owner-pill{background:#111827;border:1px solid rgba(147,197,253,.35);padding:6px 10px;border-radius:999px;font-size:.85rem}.owner-nav .brand{font-size:.95rem}@media (max-width: 640px) and (orientation: portrait){.owner-nav{flex-direction:column;align-items:flex-start;gap:8px}.owner-nav .nav-left{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.owner-nav .nav-links{flex-direction:row;gap:8px;font-size:.8rem}.owner-nav .nav-links a{font-size:.85rem}}@media (min-width: 640px){.owner-nav .nav-links{display:flex}}
