*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0e17;--panel: #0f1520;--border: #1a2535;--accent: #00e5a0;--warn: #ff6b35;--blue: #4da6ff;--text: #d0dce8;--dim: #7a92ad;--bright: #eef3f9;--red: #ff4757;--mono: "Courier New", monospace;--sans: system-ui, -apple-system, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{border-bottom:1px solid var(--border);padding:14px 20px;display:flex;align-items:center;gap:14px;background:var(--panel)}.header-logo{width:36px;height:36px;border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:700;flex-shrink:0}.header-program{font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:3px}.header-title{font-size:16px;color:var(--bright);font-weight:700}.header-meta{margin-left:auto;text-align:right;flex-shrink:0}.header-doc{font-family:var(--mono);font-size:10px;color:var(--dim)}.header-class{font-family:var(--mono);font-size:10px;color:var(--accent)}.tab-bar{display:flex;border-bottom:1px solid var(--border);background:var(--bg);overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{font-family:var(--mono);font-size:12px;letter-spacing:2px;padding:12px 20px;background:transparent;color:var(--dim);border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.tab-btn:hover{color:var(--bright);background:#00e5a008}.tab-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tab-btn.active{background:var(--panel);color:var(--accent);border-bottom-color:var(--accent)}.tab-content{padding:20px;max-width:1200px;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:16px}.panel-title{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:2px;margin-bottom:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.flex-col{display:flex;flex-direction:column;gap:16px}.stat{display:flex;justify-content:space-between;padding:5px 0;font-family:var(--mono);font-size:12px}.stat-label{color:var(--dim)}.stat-value{color:var(--bright);font-weight:700}.size-buttons{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.size-btn{font-family:var(--mono);font-size:12px;padding:8px 20px;cursor:pointer;border:1px solid var(--border);background:var(--panel);color:var(--dim);border-radius:4px;transition:color .15s,border-color .15s,background .15s}.size-btn:hover{color:var(--bright);border-color:var(--dim)}.size-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.size-btn.active{border-color:var(--accent);background:#00e5a014;color:var(--accent)}.data-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px}.data-table thead td{padding:8px 10px;color:var(--dim);font-size:10px;letter-spacing:1px;border-bottom:1px solid var(--border)}.data-table tbody tr{border-bottom:1px solid rgba(26,37,53,.13)}.data-table tbody td{padding:8px 10px;color:var(--text)}.data-table tfoot tr{border-top:2px solid var(--accent)}.data-table tfoot td{padding:12px}.note-item{font-family:var(--mono);font-size:11px;color:var(--text);padding:4px 0;line-height:1.4}.cost-card{background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:14px}.cost-card-label{font-family:var(--mono);font-size:10px;letter-spacing:1px}.cost-card-value{font-family:var(--sans);font-size:22px;color:var(--bright);font-weight:700;margin:4px 0}.cost-card-sub{font-family:var(--mono);font-size:10px;color:var(--dim)}.mobility-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(26,37,53,.13)}.mobility-badge{font-family:var(--mono);font-size:10px;font-weight:700;padding:3px 10px;border-radius:3px}.bar-track{height:8px;background:var(--bg);border-radius:3px;position:relative;overflow:hidden}.bar-fill{position:absolute;height:100%;border-radius:3px}.footer-bar{margin-top:20px;padding:10px 16px;background:var(--panel);border:1px solid var(--border);border-radius:4px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.footer-bar span{font-family:var(--mono);font-size:9px;color:var(--dim)}.divider-b{border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:8px}.divider-t{border-top:1px solid var(--border);padding-top:8px;margin-top:8px}.svg-block{width:100%;display:block}@media(max-width:768px){.header{flex-wrap:wrap;padding:12px 16px;gap:10px}.header-meta{margin-left:0;text-align:left;width:100%;display:flex;gap:12px}.header-title{font-size:14px}.tab-content{padding:16px}.grid-2,.grid-3{grid-template-columns:1fr}.tab-btn{padding:10px 14px;font-size:10px;letter-spacing:1px}.data-table{font-size:10px}.data-table thead td,.data-table tbody td{padding:6px 8px}.cost-card-value{font-size:18px}.footer-bar{justify-content:center;text-align:center}}@media(max-width:480px){.header-program{font-size:8px;letter-spacing:2px}.header-title{font-size:12px}.tab-btn{padding:8px 10px;font-size:9px}.size-btn{padding:6px 14px;font-size:11px}}