.bcn-mock{width:100%;max-width:500px;margin:0 auto;font-family:var(--gs-sans);color:var(--gs-text)}.bcn-mock--wide{max-width:560px}.bcn-menubar{position:relative;width:100%;max-width:500px;border-radius:14px;overflow:hidden;background:radial-gradient(120% 90% at 50% 110%,rgba(var(--brand-glow-rgb, 59, 130, 217),.1),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--gs-bg) 90%,#000 0%),color-mix(in srgb,var(--gs-bg) 88%,var(--brand) 4%));border:1px solid var(--gs-border);box-shadow:0 24px 50px -22px #141e3c38,0 6px 14px -8px #141e3c1f;padding:32px 18px 22px}[data-theme=dark] .bcn-menubar{box-shadow:0 24px 50px -22px #0000008c,0 6px 14px -8px #00000059}.bcn-menubar-strip{position:relative;display:flex;align-items:center;gap:12px;height:26px;padding:0 10px;border-radius:7px;background:linear-gradient(180deg,#ffffffd9,#ffffffb3);border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(20px);box-shadow:0 1px #fff6 inset,0 6px 14px -8px #141e3c2e}[data-theme=dark] .bcn-menubar-strip{background:linear-gradient(180deg,#282c38d9,#1c202cd9);border-color:#ffffff14;box-shadow:0 1px #ffffff0f inset,0 6px 14px -8px #00000080}.bcn-menubar-os{display:flex;align-items:center;gap:10px;font-size:10.5px;font-weight:600;color:#000000b3}[data-theme=dark] .bcn-menubar-os{color:#fffc}.bcn-menubar-apple{width:11px;height:11px;border-radius:3px;background:#000000b3;-webkit-mask:radial-gradient(circle at 50% 35%,#000 60%,transparent 62%)}[data-theme=dark] .bcn-menubar-apple{background:#fffc}.bcn-menubar-spacer{flex:1}.bcn-menubar-right{display:flex;align-items:center;gap:10px}.bcn-menubar-syst{display:flex;align-items:center;gap:6px;color:#0000008c}[data-theme=dark] .bcn-menubar-syst{color:#ffffff8c}.bcn-menubar-sysicon{width:11px;height:11px;border-radius:50%;background:currentColor;opacity:.6}.bcn-menubar-sysicon--wifi{border-radius:0;background:conic-gradient(from 220deg,currentColor 0deg 80deg,transparent 80deg 360deg);-webkit-mask:radial-gradient(circle at 50% 80%,transparent 0%,transparent 25%,#000 26%,#000 100%);opacity:.7}.bcn-menubar-time{font-size:10.5px;font-weight:600;color:#000000b3;margin-left:2px}[data-theme=dark] .bcn-menubar-time{color:#fffc}.bcn-widget-group{display:flex;align-items:center;gap:10px;padding:0 3px}.bcn-widget{display:flex;align-items:center;gap:4px;font-family:var(--gs-mono);font-size:9.5px;font-weight:600;color:#000000bf;line-height:1}[data-theme=dark] .bcn-widget{color:#ffffffd9}.bcn-widget-memseg{display:inline-flex;height:8px;border-radius:2px;overflow:hidden;gap:1px}.bcn-widget-memseg span{width:6px;height:8px}.bcn-widget-memseg span:nth-child(1){background:var(--brand, #3B82D9);width:9px}.bcn-widget-memseg span:nth-child(2){background:color-mix(in srgb,var(--brand, #3B82D9) 60%,#fff);width:4px}.bcn-widget-memseg span:nth-child(3){background:color-mix(in srgb,var(--brand, #3B82D9) 30%,#fff);width:3px}.bcn-widget-memseg span:nth-child(4){background:#0000001a;width:4px}.bcn-widget-net{display:inline-flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:8.5px;line-height:1}.bcn-widget-net span{display:inline-flex;align-items:center;gap:2px}.bcn-widget-net-arrow{width:0;height:0;border-left:2.5px solid transparent;border-right:2.5px solid transparent}.bcn-widget-net-arrow--down{border-top:3.5px solid #2a9d6a}.bcn-widget-net-arrow--up{border-bottom:3.5px solid #e07a5f}.bcn-widget-sensor{display:inline-flex;align-items:center;gap:3px}.bcn-widget-thermo{width:7px;height:10px;border-radius:4px 4px 3px 3px;background:linear-gradient(180deg,transparent 0%,transparent 50%,#e07a5f 50%,#e07a5f 100%);border:1px solid currentColor;opacity:.7}.bcn-widget-icon{width:16px;height:16px;border-radius:5px;background:linear-gradient(140deg,color-mix(in srgb,var(--brand, #3B82D9) 60%,#fff) 0%,var(--brand, #3B82D9) 60%,var(--brand-deep, #2E66B0) 100%);box-shadow:inset 0 1px #ffffff59,0 2px 5px -1px #3b82d973;position:relative}.bcn-widget-icon:before{content:"";position:absolute;inset:3px;border-radius:50%;border:1.2px solid rgba(255,255,255,.9);border-bottom-color:transparent;border-right-color:transparent;transform:rotate(-45deg)}.bcn-widget-icon:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.bcn-menubar-callouts{position:relative;margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bcn-menubar-callout{font-family:var(--gs-mono);font-size:9px;letter-spacing:.04em;color:var(--gs-text-dim);text-align:center;position:relative;padding-top:12px}.bcn-menubar-callout:before{content:"";position:absolute;top:0;left:50%;width:1px;height:8px;background:var(--gs-border)}.bcn-menubar-callout strong{display:block;color:var(--gs-text);font-family:var(--gs-sans);font-size:10.5px;font-weight:600;letter-spacing:0;margin-bottom:1px}.bcn-panel{width:340px;max-width:100%;margin:0 auto;border-radius:14px;overflow:hidden;background:var(--gs-bg);border:1px solid var(--gs-border);box-shadow:0 30px 60px -24px #141e3c4d,0 10px 22px -10px #141e3c29}[data-theme=dark] .bcn-panel{box-shadow:0 30px 60px -24px #000000a6,0 10px 22px -10px #0006}.bcn-panel-head{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid var(--gs-border);background:rgba(var(--brand-glow-rgb, 59, 130, 217),.04)}.bcn-panel-mark{width:18px;height:18px;border-radius:5px;background:linear-gradient(140deg,color-mix(in srgb,var(--brand, #3B82D9) 60%,#fff) 0%,var(--brand, #3B82D9) 60%,var(--brand-deep, #2E66B0) 100%);position:relative;box-shadow:inset 0 1px #ffffff59}.bcn-panel-mark:before{content:"";position:absolute;inset:3px;border-radius:50%;border:1.2px solid rgba(255,255,255,.92);border-bottom-color:transparent;border-right-color:transparent;transform:rotate(-45deg)}.bcn-panel-mark:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.bcn-panel-title{font-size:12.5px;font-weight:600;color:var(--gs-text)}.bcn-panel-pill{margin-left:auto;font-family:var(--gs-mono);font-size:9.5px;color:var(--brand, var(--gs-text));padding:3px 8px;border-radius:999px;background:rgba(var(--brand-glow-rgb, 59, 130, 217),.1);border:1px solid rgba(var(--brand-glow-rgb, 59, 130, 217),.22)}.bcn-panel-body{padding:12px;display:flex;flex-direction:column;gap:12px}.bcn-row{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;padding:9px 10px;border-radius:9px;background:rgba(var(--brand-glow-rgb, 59, 130, 217),.04);border:1px solid rgba(var(--brand-glow-rgb, 59, 130, 217),.08)}.bcn-row-label{font-size:10.5px;font-weight:600;color:var(--gs-text-mid);text-transform:uppercase;letter-spacing:.06em}.bcn-spark{display:block;width:100%;height:22px}.bcn-spark path{fill:none;stroke:var(--brand, #3B82D9);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.bcn-spark-area{fill:rgba(var(--brand-glow-rgb, 59, 130, 217),.15);stroke:none}.bcn-row-num{font-family:var(--gs-mono);font-size:11px;font-weight:700;color:var(--gs-text)}.bcn-membar{display:flex;height:8px;width:100%;border-radius:999px;overflow:hidden;background:#0000000f}[data-theme=dark] .bcn-membar{background:#ffffff12}.bcn-membar span{display:block;height:100%}.bcn-membar-app{background:var(--brand, #3B82D9);flex:5}.bcn-membar-wired{background:color-mix(in srgb,var(--brand, #3B82D9) 60%,#fff);flex:2}.bcn-membar-compr{background:color-mix(in srgb,var(--brand, #3B82D9) 30%,#fff);flex:1.5}.bcn-net{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.bcn-net-side{display:flex;align-items:center;gap:5px;font-family:var(--gs-mono);font-size:10.5px;font-weight:700;color:var(--gs-text)}.bcn-net-arrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.bcn-net-arrow--down{border-top:5px solid #2a9d6a}.bcn-net-arrow--up{border-bottom:5px solid #e07a5f}.bcn-net-label{font-family:var(--gs-sans);font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gs-text-dim);margin-left:2px}.bcn-cpu{width:100%;max-width:460px;margin:0 auto;border-radius:14px;overflow:hidden;background:var(--gs-bg);border:1px solid var(--gs-border);box-shadow:0 24px 50px -22px #141e3c3d,0 8px 18px -8px #141e3c24}[data-theme=dark] .bcn-cpu{box-shadow:0 24px 50px -22px #0000008c,0 8px 18px -8px #00000059}.bcn-cpu-head{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--gs-border);background:rgba(var(--brand-glow-rgb, 59, 130, 217),.04)}.bcn-cpu-title{font-size:12.5px;font-weight:700;color:var(--gs-text)}.bcn-cpu-total{margin-left:auto;font-family:var(--gs-mono);font-size:11px;color:var(--brand, var(--gs-text));font-weight:700}.bcn-cpu-body{padding:14px;display:flex;flex-direction:column;gap:14px}.bcn-cpu-section-h{font-family:var(--gs-sans);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gs-text-dim);margin-bottom:8px}.bcn-cores{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bcn-core{padding:8px 8px 6px;border-radius:8px;background:rgba(var(--brand-glow-rgb, 59, 130, 217),.04);border:1px solid rgba(var(--brand-glow-rgb, 59, 130, 217),.08);display:flex;flex-direction:column;gap:4px}.bcn-core-num{font-family:var(--gs-mono);font-size:9px;color:var(--gs-text-dim);letter-spacing:.04em}.bcn-core-graph{position:relative;height:22px;border-radius:3px;background:#0000000a;overflow:hidden}[data-theme=dark] .bcn-core-graph{background:#ffffff0d}.bcn-core-graph svg{display:block;width:100%;height:100%}.bcn-core-graph path{fill:none;stroke:var(--brand, #3B82D9);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.bcn-core-graph .bcn-area{fill:rgba(var(--brand-glow-rgb, 59, 130, 217),.22);stroke:none}.bcn-core--warm .bcn-core-graph path{stroke:#c98a2b}.bcn-core--warm .bcn-core-graph .bcn-area{fill:#c98a2b38}.bcn-core--hot .bcn-core-graph path{stroke:#d04d3b}.bcn-core--hot .bcn-core-graph .bcn-area{fill:#d04d3b38}.bcn-core-pct{font-family:var(--gs-mono);font-size:9.5px;font-weight:700;color:var(--gs-text)}.bcn-proc{display:flex;flex-direction:column;gap:2px}.bcn-proc-row{display:grid;grid-template-columns:20px 1fr 36px 48px;gap:8px;align-items:center;padding:7px 8px;border-radius:6px;font-size:11px}.bcn-proc-row+.bcn-proc-row{border-top:1px solid var(--gs-border)}.bcn-proc-icon{width:18px;height:18px;border-radius:4px;background:linear-gradient(140deg,#c0c8d6,#8090a8)}.bcn-proc-icon--xcode{background:linear-gradient(140deg,#6da4e8,#2057a8)}.bcn-proc-icon--safari{background:linear-gradient(140deg,#8acff0,#1f7fc8);border-radius:50%}.bcn-proc-icon--chrome{background:conic-gradient(from 90deg,#4285f4 0deg 120deg,#ea4335 120deg 240deg,#fbbc05 240deg 360deg);border-radius:50%}.bcn-proc-icon--photos{background:linear-gradient(140deg,#ffd24c,#f06292 50%,#4fc3f7);border-radius:50%}.bcn-proc-icon--node{background:linear-gradient(140deg,#8cc84b,#4e7e2a);border-radius:4px}.bcn-proc-name{font-size:11px;font-weight:500;color:var(--gs-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bcn-proc-pid{font-family:var(--gs-mono);font-size:9.5px;color:var(--gs-text-dim);text-align:right}.bcn-proc-pct{font-family:var(--gs-mono);font-size:10.5px;font-weight:700;color:var(--gs-text);text-align:right}.bcn-proc-pct--warm{color:#c98a2b}.bcn-proc-pct--hot{color:#d04d3b}.bcn-sensors{width:100%;max-width:460px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;border-radius:14px;background:var(--gs-bg);border:1px solid var(--gs-border);box-shadow:0 24px 50px -22px #141e3c33,0 8px 18px -8px #141e3c1f}[data-theme=dark] .bcn-sensors{box-shadow:0 24px 50px -22px #0000008c,0 8px 18px -8px #00000059}.bcn-dial{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:12px;background:rgba(var(--brand-glow-rgb, 59, 130, 217),.04);border:1px solid rgba(var(--brand-glow-rgb, 59, 130, 217),.08)}.bcn-dial-label{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gs-text-dim)}.bcn-dial-ring{position:relative;width:110px;height:110px;border-radius:50%;background:conic-gradient(from 135deg,var(--brand, #3B82D9) 0deg,var(--brand, #3B82D9) var(--bcn-dial-pct, 220deg),rgba(0,0,0,.07) var(--bcn-dial-pct, 220deg),rgba(0,0,0,.07) 270deg,transparent 270deg);display:flex;align-items:center;justify-content:center}[data-theme=dark] .bcn-dial-ring{background:conic-gradient(from 135deg,var(--brand, #3B82D9) 0deg,var(--brand, #3B82D9) var(--bcn-dial-pct, 220deg),rgba(255,255,255,.07) var(--bcn-dial-pct, 220deg),rgba(255,255,255,.07) 270deg,transparent 270deg)}.bcn-dial-ring--warm{--_c: #c98a2b;background:conic-gradient(from 135deg,var(--_c) 0deg,var(--_c) var(--bcn-dial-pct, 220deg),rgba(0,0,0,.07) var(--bcn-dial-pct, 220deg),rgba(0,0,0,.07) 270deg,transparent 270deg)}.bcn-dial-inner{width:86px;height:86px;border-radius:50%;background:var(--gs-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:inset 0 1px #fff9}[data-theme=dark] .bcn-dial-inner{box-shadow:inset 0 1px #ffffff0d}.bcn-dial-num{font-family:var(--gs-display);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--gs-text);line-height:1}.bcn-dial-unit{font-family:var(--gs-mono);font-size:9.5px;color:var(--gs-text-dim)}.bcn-dial-cap{font-size:10.5px;color:var(--gs-text-mid);font-weight:500}.bcn-fan{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:12px;background:rgba(var(--brand-glow-rgb, 59, 130, 217),.04);border:1px solid rgba(var(--brand-glow-rgb, 59, 130, 217),.08)}.bcn-fan-blades{width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--gs-bg) 12%,transparent 13%),conic-gradient(from 0deg,var(--brand, #3B82D9) 0deg 30deg,transparent 30deg 90deg,var(--brand, #3B82D9) 90deg 120deg,transparent 120deg 180deg,var(--brand, #3B82D9) 180deg 210deg,transparent 210deg 270deg,var(--brand, #3B82D9) 270deg 300deg,transparent 300deg 360deg);-webkit-mask:radial-gradient(circle,#000 0%,#000 48%,transparent 49%);opacity:.9;position:relative}.bcn-fan-bar{width:100%;height:4px;border-radius:999px;background:#00000012;position:relative;overflow:hidden}[data-theme=dark] .bcn-fan-bar{background:#ffffff14}.bcn-fan-bar-fill{position:absolute;inset:0 auto 0 0;width:64%;background:var(--brand, #3B82D9);border-radius:999px}.bcn-fan-rpm{font-family:var(--gs-mono);font-size:12px;font-weight:700;color:var(--gs-text)}.bcn-fan-rpm small{font-size:9.5px;color:var(--gs-text-dim);margin-left:3px;font-weight:500}.bcn-fan-range{display:flex;justify-content:space-between;width:100%;font-family:var(--gs-mono);font-size:8.5px;color:var(--gs-text-dim);letter-spacing:.04em}