.rec{--em: #34d29a;--hue: #34d29a;--r-ink: #f5f8fc;--r-ink-2: #b4bfcc;--r-ink-3: #8a96a4;--r-edge: rgba(255,255,255,.08);--r-edge-2: rgba(255,255,255,.14);--cut-edge: rgba(255,255,255,.12);--cut-fill: #10151c;--r-cell: #131922;--r-cell-hover: #18212b;--r-cell-press: #1b242f;position:relative;isolation:isolate;margin:0;color:var(--r-ink-2);background:var(--cut-edge);clip-path:var(--chamfer-lg);font-family:var(--font-body);box-shadow:var(--shadow-record, 0 40px 80px -40px rgba(0,0,0,.8))}.rec:before{content:"";position:absolute;inset:1px;clip-path:inherit;background:var(--cut-fill);z-index:-1}.rec-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--r-edge);font-size:12.5px}.rec-title{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--r-ink);font-weight:600;white-space:nowrap}.rec-title svg{flex:none}.rec-dim{color:var(--r-ink-3);font-weight:400;overflow:hidden;text-overflow:ellipsis}.rec-wide{display:none}.rec-tag{flex:none;font-size:12px;font-weight:500;color:var(--r-ink-3);padding:2px 7px;box-shadow:inset 0 0 0 1px var(--r-edge-2)}.rec-sec{padding:10px 14px 12px;border-top:1px solid var(--r-edge)}.rec-sec-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:500;color:var(--r-ink-3);margin-bottom:8px}.rec-hint{color:var(--em)}.rd{display:flex;flex-direction:column;gap:2px;min-width:0}.rd dt,.rd-k{font-size:11.5px;font-weight:500;color:var(--r-ink-3)}.rd dd{margin:0}.rd-val{font-size:24px;font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--r-ink);font-variant-numeric:tabular-nums;white-space:nowrap}.rd-val.hit{text-decoration:underline 1.5px var(--em);text-underline-offset:5px}.rd-mono{font-family:var(--font-mono);font-size:11px;line-height:1.45;color:var(--r-ink-3)}.rd-delta{display:inline-block;margin-left:4px;font-size:13px;font-weight:600;letter-spacing:0;color:var(--em);opacity:0;transform:translateY(6px);transition:opacity var(--t-state) var(--ease-out),transform var(--t-state) var(--ease-out);vertical-align:3px}.rd-delta.on{opacity:1;transform:none}.rd-delta.neg{color:var(--r-ink-2)}.rec-cells{display:grid;gap:1px;background:var(--r-edge);box-shadow:0 0 0 1px var(--r-edge)}.rec-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;padding:4px 0;background:var(--r-cell);border:0;border-radius:0;color:var(--r-ink);cursor:pointer;font-family:var(--font-body);transition:background-color var(--t-state) var(--ease-out),box-shadow var(--t-state) var(--ease-out),scale var(--t-state) var(--ease-out);-webkit-tap-highlight-color:transparent}@media (hover: hover){.rec-cell:hover{background:var(--r-cell-hover)}}@media (hover: hover){.rec :is(.ri-check,.dl-row,[role=checkbox]):not(:disabled):hover{background:var(--r-cell-hover)}.sy-seg button:not([aria-checked=true]):not(:disabled):hover{background:#ffffff0f;color:var(--r-ink)}.rec :is(.ri-reset,.dl-reset):not(:disabled):hover{color:var(--r-ink);text-decoration:underline;text-underline-offset:3px}}.sy-seg button:active:not([aria-checked=true]){background:#ffffff17;transition-duration:var(--t-press)}.rec-cell:active,.rec :is(.ri-mk,.ri-check):active{background:var(--r-cell-press);transition-duration:var(--t-press)}.rec-cell:focus-visible{outline:2px solid var(--em);outline-offset:-2px}.rec-cell.pulse{box-shadow:inset 0 0 0 1.5px var(--em);background:#34d29a1a}.rec-cell .ck{font-size:11px;font-weight:500;color:var(--r-ink-3)}.rec-cell .cn{display:block;font-size:17px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}.rec-cell.is-out .cn{color:var(--r-ink-3)}.rec-cell.is-out .ck:after{content:" · out"}.cn.roll{animation:recRoll calc(var(--t-state) * 1.8) var(--ease-out)}@keyframes recRoll{0%{transform:none;opacity:1}45%{transform:translateY(-70%);opacity:0}55%{transform:translateY(70%);opacity:0}to{transform:none;opacity:1}}.rec-log{list-style:none;margin:0;padding:8px 14px;border-top:1px solid var(--r-edge);min-height:34px;font-family:var(--font-mono);font-size:11px;line-height:1.5;color:var(--r-ink-3)}.rec-log li{display:flex;gap:8px;min-width:0;white-space:nowrap;overflow:hidden}.rec-log li>span:first-child{flex:none;color:var(--r-ink-3)}.rec-log li>span:last-child{white-space:normal}.rec-log li+li{display:none}.rec-log .rl-new{color:var(--r-ink);animation:recLogIn var(--t-enter) var(--ease-out)}.rec-log .rl-new b{color:var(--em);font-weight:600}.rec-log .rl-warn{color:var(--r-ink-2)}@keyframes recLogIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.rec-sync{padding:10px 14px 12px;border-top:1px solid var(--r-edge);background:#ffffff04}.sy-row{display:flex;align-items:center;gap:10px}.sy-label{font-size:11.5px;font-weight:500;color:var(--r-ink-3)}.sy-seg{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;background:#ffffff0d}.sy-seg button{min-height:32px;padding:0 4px;border:0;background:transparent;color:var(--r-ink-3);cursor:pointer;font:500 12px var(--font-body);transition:background-color var(--t-state) var(--ease-out),color var(--t-state) var(--ease-out);white-space:nowrap}.sy-seg button[aria-checked=true]{background:#1c2530;color:var(--r-ink);box-shadow:inset 0 -1.5px 0 var(--em)}.sy-seg button:focus-visible{outline:2px solid var(--em);outline-offset:-2px}.sy-cap{margin-top:8px;font-size:11px;color:var(--r-ink-3)}.sy-payload{margin-top:2px;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);font-family:var(--font-mono);font-size:11px;line-height:1.4;color:var(--r-ink-2);white-space:nowrap;overflow:hidden;text-overflow:clip}.sy-payload.is-cipher{color:color-mix(in srgb,var(--em) 70%,#7c8794)}.sy-payload.is-none{color:var(--r-ink-3)}.sy-note{margin-top:2px;font-size:11.5px;color:var(--r-ink-3)}.rf-svg{display:block;width:100%;height:auto;overflow:visible}.rf-svg path,.rf-svg rect{stroke:#f5f8fcd1;stroke-width:1.25;vector-effect:non-scaling-stroke}.rf-svg .f-faint{stroke:#f5f8fc59}.rf-svg .f-stitch{stroke:#f5f8fc66;stroke-dasharray:3 3}.rf-svg .f-rib{stroke:#f5f8fc8c}.rf-svg .f-pom path,.rf-svg .f-pom rect{stroke:var(--em)}.rf-svg .f-pom rect{fill:#10151c}.rf-svg .f-pom text{fill:var(--em);stroke:none;font:600 13px var(--font-body)}.rf-cap{margin-top:4px;font-size:12px;color:var(--r-ink-2);text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.rf-cap b{color:var(--em);font-weight:600}.rec-armed .draw{stroke-dasharray:1;stroke-dashoffset:1}.rec-armed .f-detail,.rec-armed .f-pom{opacity:0}.rec-armed.rec-go .f-rib{animation:recDraw var(--t-state) var(--ease-out) forwards}.rec-armed.rec-go .f-out{animation:recDraw var(--t-hero) var(--ease-out) var(--t-press) forwards,recCool calc(var(--t-state) * 3) var(--ease-out) calc(var(--t-state) * 2.5) both}.rec-armed.rec-go .f-detail{animation:recFade var(--t-enter) var(--ease-out) calc(var(--t-state) * 2.5) forwards}.rec-armed.rec-go .f-pom{animation:recFade var(--t-state) var(--ease-out) calc(var(--t-enter) * 2) forwards}@keyframes recDraw{to{stroke-dashoffset:0}}@keyframes recCool{0%{stroke:#34d29a}to{stroke:#f5f8fcd1}}@keyframes recFade{to{opacity:1}}@media (min-width: 560px){.rec-wide{display:inline}}@media (min-width: 960px){.rec-bar{padding:12px 20px;font-size:13px}.rec-sec,.rec-log,.rec-sync{padding-left:20px;padding-right:20px}.rd-val{font-size:32px}.rd-mono{font-size:11.5px}.rec-cell{min-height:54px}.rec-cell .cn{font-size:19px}.sy-payload{font-size:11.5px}.rf-cap{font-size:13px}}.ri-reset,.dl-reset{white-space:nowrap}
