:root{--ink:#143b40;--teal:#007e80;--pale:#e8f6f3;--muted:#506b73}*{box-sizing:border-box}body{background:#f3f6f5;color:var(--ink);font:16px/1.6 system-ui,sans-serif}.container{max-width:1100px}h1{font-weight:800;font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.12}h2{font-size:1.35rem;font-weight:750;margin-bottom:1rem}.hero{padding:clamp(20px,4vw,40px);background:#083f42;color:white;border-radius:20px}.eyebrow{letter-spacing:.13em;font-size:.76rem;color:#a3e8d9}.hero p{max-width:780px}.notice{padding:18px 20px;border-left:4px solid #139e9f;background:#e5f4ef;border-radius:8px}.notice span{display:block;margin-top:.5rem;font-size:.88rem}.card{border:1px solid #d4e1dd;border-radius:16px;overflow:hidden;min-width:0}.card-body{padding:clamp(16px,3vw,26px)}.stats{display:flex;flex-wrap:wrap;gap:10px}.stat{background:var(--pale);padding:10px 16px;border-radius:10px;flex:1;min-width:125px}.stat b{display:block;font-size:1.25rem}.muted{color:var(--muted)}.trace-row{display:block;width:100%;text-align:left;background:white;border:1px solid #d2e0dc;border-radius:9px;padding:12px;margin:8px 0;color:var(--ink)}.trace-row:hover,.trace-row.selected{border-color:#007e80;background:#effaf7}.trace-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.trace-name{font-weight:700;overflow-wrap:anywhere}.trace-service{font-size:.8rem;overflow-wrap:anywhere}.track{background:#e4eeec;height:11px;margin-top:8px;border-radius:8px;position:relative;overflow:hidden}.bar{background:#09898b;height:100%;border-radius:8px;min-width:2px}.trace-row.error .bar{background:#c33e48}.badge-error{background:#fee6e8;color:#a22132}.detail-grid{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px 14px}.detail-grid dd{overflow-wrap:anywhere;margin:0}.detail-grid dt{color:var(--muted);font-weight:600}pre{background:#082f35;color:#dbf9f2;border-radius:10px;padding:16px;font-size:.83rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;max-width:100%;tab-size:2}code{overflow-wrap:anywhere}.btn{white-space:normal;min-height:40px}.form-select,.form-control{min-height:44px;max-width:100%}.form-check{margin:0}summary{cursor:pointer;font-weight:700}#source-links{padding-left:20px}a{color:#006c7a}#source-links a{overflow-wrap:anywhere}:focus-visible{outline:3px solid #cb8d12!important;outline-offset:3px}@media(max-width:575px){.container{padding-left:12px;padding-right:12px}.detail-grid{grid-template-columns:1fr;gap:3px}.detail-grid dd{margin-bottom:8px}.trace-row{padding:10px}.card-body{padding:15px}.hero{border-radius:14px}.stats{gap:7px}.stat{min-width:105px;padding:8px 10px}pre{padding:12px}}