.activity-drawer .drawer-header{height:48px;padding:13px 18px 9px}
.drawer-escape-hint{font:8px ui-monospace,monospace;color:#b7d99c88;border:1px solid #86a86b40;border-radius:3px;padding:2px 4px}
.activity-drawer .drawer-content{overflow:hidden}
.activity-drawer .retro-system{height:100%;min-height:0;display:flex;flex-direction:column;padding:14px 17px 12px!important}
.retro-system .crt-boot{padding-bottom:10px;flex:none;font-size:7px}
.retro-system .crt-boot>span:last-child{margin-left:auto;opacity:.5;font-size:7px}
.system-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:12px 0 14px;flex:none}
.system-tabs [role=tab]{border:1px solid #86a86b35;border-radius:3px;padding:8px 3px;color:#b7d99c99;background:#b7d99c04;font:9px/1.1 ui-monospace,monospace;white-space:nowrap}
.system-tabs [role=tab][aria-selected=true]{background:#b7d99c;color:#16251b;border-color:#b7d99c;box-shadow:0 0 12px #b7d99c13}
.system-tabs [role=tab]:not([aria-selected=true]):hover{border-color:#b7d99c;background:#b7d99c0a}
.system-tabs [role=tab]:focus-visible,.system-tab-panel:focus-visible{outline:1px solid #b7d99c;outline-offset:2px}
.system-tab-panel{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#547749 #14211b;padding-right:3px}
.system-tab-panel:focus-visible{outline-offset:-1px}
.system-tab-panel h3{font:8px/1.5 ui-monospace,monospace;letter-spacing:.5px;color:#b7d99ccc;margin:0}
.system-tab-panel .crt-mascot{padding-top:0;padding-bottom:14px}
.system-tab-panel .monitor-stats{padding:0;margin-bottom:10px}
.system-tab-panel .monitor-stats strong{font-size:21px}
.system-tab-panel .system-processes{margin-top:15px;border-top:1px solid #86a86b35;padding-top:11px}
.system-tab-panel .process-table{margin:6px 0 10px}
.system-tab-panel .crt-note{margin-top:12px!important;font-size:8px!important}
.system-tab-panel .country-log{margin-top:0;border-top:0;padding-top:0}
.system-tab-panel .country-log li{padding-block:10px 13px}
.creation-agent{display:flex;align-items:center;gap:10px;padding:1px 0 13px}
.creation-agent img{width:30px;height:30px;flex:none;border-radius:50%}
.creation-provider-icon{width:30px;flex:none;text-align:center;font-size:27px;line-height:30px;color:#b7d99c}
.creation-agent>div{min-width:0}
.creation-agent strong{font:13px/1.3 ui-monospace,monospace;display:block;color:#d4eac2}
.creation-agent>div>span{font-size:8px;display:block;opacity:.65;margin-top:4px}
.creation-agent b{font-weight:400}
.record-stamp{margin-left:auto;border:1px solid #86a86b40;border-radius:2px;font-size:5.5px;letter-spacing:.5px;padding:4px;max-width:44px;text-align:center;opacity:.6}
.creation-attribution{padding:10px 11px;background:#b7d99c08;border:1px solid #86a86b3d;border-radius:3px;margin-bottom:12px}
.creation-attribution>div{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px}
.creation-attribution strong{font:12px ui-monospace,monospace;color:#d7edc4}
.creation-attribution>i{display:block;height:3px;background:#a7d68b;margin-top:8px;box-shadow:0 0 8px #a7d68b30}
.creation-attribution small{font-size:7px;display:block;opacity:.6;margin-top:7px}
.creation-metrics{display:grid;grid-template-columns:1fr 1fr;border:1px solid #86a86b35;border-radius:3px;overflow:hidden}
.creation-metrics>div{padding:10px 11px;border-bottom:1px solid #86a86b25;min-width:0}
.creation-metrics>div:nth-child(odd){border-right:1px solid #86a86b25}
.creation-metrics>div:nth-last-child(-n+2){border-bottom:0}
.creation-metrics strong{display:block;font:21px/1.1 ui-monospace,monospace;color:#cfebb9;letter-spacing:-1px}
.creation-metrics span{display:block;font-size:7px;color:#b7d99c99;margin-top:5px}
.token-accounting{margin-top:13px;font-size:8px;color:#b7d99c99}
.token-accounting>span{display:flex;justify-content:space-between}
.token-accounting b{font-weight:400;color:#cce6b6}
.token-accounting>div{height:3px;background:#b7d99c20;margin:6px 0}
.token-accounting>div>i{height:100%;display:block;background:#94bd7c}
.token-accounting small{font-size:7px}
.token-accounting small b{margin-left:3px}
.creation-days{margin-top:16px}
.creation-days>div{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:8px}
.creation-days time{width:61px;flex:none;opacity:.6;white-space:nowrap}
.creation-days>div>span{flex:1;height:5px;background:#b7d99c0d}
.creation-days i{display:block;height:100%;background:#91b778}
.creation-days b{font:8px ui-monospace,monospace;min-width:26px;text-align:right}
.retro-system .build-method{margin-top:15px;padding-top:10px;border-top:1px solid #86a86b35}
.retro-system .build-method summary{font-size:8px;letter-spacing:0}
.build-method p{font:8px/1.7 ui-monospace,monospace;color:#b7d99ca8;margin-top:9px}
.build-method a{color:#c6e5b0;text-decoration:underline;text-underline-offset:2px}
.system-capture{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #86a86b20;padding-top:10px;margin-top:12px;font:6px/1.4 ui-monospace,monospace;letter-spacing:.5px;color:#b7d99c66}
.code-record-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.code-record-title>span{font-size:30px;line-height:1;opacity:.7}
.code-record-title h3{font-size:12px;color:#cce6b6;letter-spacing:-.3px}
.code-record-title p{font-size:8px;opacity:.55;margin-top:4px}
.code-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.code-metrics>div{padding:10px 8px;border-bottom:0!important;border-right:1px solid #86a86b25!important}
.code-metrics>div:last-child{border-right:0!important}
.code-metrics strong{font-size:22px}
.code-metrics span{font-size:6px}
.system-languages{margin-top:14px}
.system-languages>div{display:flex;gap:10px;align-items:center;margin-top:9px;font-size:8px}
.system-languages>div>span{width:65px;flex:none;color:#b7d99cb3}
.system-languages i{flex:1;height:4px;background:#b7d99c12}
.system-languages i>b{display:block;height:100%;background:#a2cf85}
.system-languages i>.language-1{background:#82a571}
.system-languages i>.language-2{background:#647b51}
.system-languages i>.language-3{background:#d2d693}
.system-languages i>.language-4{background:#779a78}
.system-languages strong{font:8px ui-monospace,monospace;min-width:35px;text-align:right;opacity:.6}
.system-code-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin-top:17px;font-size:8px;color:#b7d99c88}
.system-code-facts b{font-weight:400;color:#c2e1aa;margin-right:3px}
.system-stack{display:flex;gap:5px;flex-wrap:wrap;margin-top:15px}
.system-stack>span{padding:4px 6px;border:1px solid #86a86b35;border-radius:3px;font-size:7px;color:#b7d99ca6}
.system-runtime{margin:16px 0 0}
.system-runtime>div{display:flex;gap:14px;justify-content:space-between;border-bottom:1px dotted #86a86b25;padding:6px 0;align-items:baseline}
.system-runtime dt{font-size:6px;color:#b7d99c77;letter-spacing:.5px;flex:none}
.system-runtime dd{font-size:8px;text-align:right;margin:0;color:#b7d99cbb}
.system-hint{font:7px/1.7 ui-monospace,monospace;color:#b7d99c77;margin-top:12px}
.system-empty{padding:40px 10px;text-align:center}
.system-empty>span{font-size:35px;opacity:.4}
.system-empty h3{font-size:14px;margin:12px 0 8px}
.system-empty p{font-size:9px;line-height:1.7;opacity:.6}

.code-record-title>.system-version{margin-left:auto;font:9px ui-monospace,monospace;padding:4px 6px;border:1px solid #86a86b40;border-radius:3px;opacity:.7;white-space:nowrap}