.ic{width:18px;height:18px;flex:none}:root{--cr-tier-1: oklch(80% calc(var(--chroma-accent) * .5) var(--hue-accent));--cr-tier-2: oklch(70% calc(var(--chroma-accent) * .8) var(--hue-accent));--cr-hot: oklch(70% calc(var(--chroma-accent) * 1.5) var(--hue-accent));--cr-tier-4: oklch(44% var(--chroma-accent) var(--hue-accent))}:root:lang(ja){--font-body: Inter, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, system-ui, sans-serif;--font-heading: var(--font-body)}:root:lang(zh-Hans){--font-body: Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-heading: var(--font-body)}.cr-rec-link{display:inline-flex;align-items:center;gap:var(--sp-2)}.cr-lang{position:relative}.cr-lang summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border-radius:var(--r-sm);cursor:pointer;color:var(--c-ink-2);font-size:var(--fs-sm);font-weight:500}.cr-lang summary::-webkit-details-marker{display:none}.cr-lang summary:hover{background:var(--c-sunken);color:var(--c-ink)}.cr-lang__label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(min-width:640px){.cr-lang__label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}}.cr-lang__menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:168px;padding:6px;background:var(--c-surface);border:1px solid var(--c-line-strong);border-radius:var(--r-md);box-shadow:var(--sh-3)}.cr-lang__menu a{display:block;padding:10px 12px;border-radius:var(--r-sm);color:var(--c-ink);text-decoration:none;font-size:var(--fs-sm)}.cr-lang__menu a:hover{background:var(--c-sunken);color:var(--c-ink)}.cr-lang__menu a[aria-current=page]{font-weight:600;box-shadow:inset 3px 0 0 var(--c-accent)}.hk-mnav .hk-badge{margin-inline-start:var(--sp-2)}.cr-stage{padding-block:var(--sp-5) var(--sp-6)}.cr-console{display:grid;gap:var(--sp-4);grid-template-columns:minmax(0,1fr);grid-template-areas:"bar" "meter" "pad" "read" "result"}.cr-console.is-reaction{grid-template-areas:"bar" "pad" "read" "result"}.cr-bar{grid-area:bar;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3) var(--sp-4)}.cr-head{min-width:0}.cr-sub{margin:var(--sp-2) 0 0;color:var(--c-ink-2);font-size:var(--fs-sm);max-inline-size:60ch;text-wrap:pretty}.cr-chip.cr-fixed{background:var(--c-accent);color:var(--c-on-accent);cursor:default}.cr-chip.cr-fixed:hover{background:var(--c-accent)}.cr-title{margin:0;font-family:var(--font-heading);font-weight:700;font-size:var(--fs-xl);line-height:1.15;letter-spacing:var(--tracking-display)}.cr-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:6px;width:100%}@media(min-width:640px){.cr-chips{display:flex;flex-wrap:wrap;width:auto}}.cr-chip{white-space:nowrap;overflow-wrap:normal;min-height:40px;padding:0 var(--sp-3);border-radius:var(--r-sm);border-width:2px;border-color:var(--c-ink);color:var(--c-ink);font-weight:500}.cr-chip:hover{background:var(--c-sunken)}.cr-chip[aria-pressed=true]{background:var(--c-accent);border-color:var(--c-ink);color:var(--c-on-accent)}.cr-meter{grid-area:meter;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:end;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:2px solid var(--c-ink);border-radius:var(--r-md)}.cr-gauge{display:block;width:100%;height:auto}.cr-seg{fill:none;stroke-width:9}.cr-seg-0{stroke:var(--c-control-line);opacity:.55}.cr-seg-1{stroke:var(--cr-tier-1)}.cr-seg-2{stroke:var(--cr-tier-2)}.cr-seg-3{stroke:var(--cr-hot)}.cr-seg-4{stroke:var(--cr-tier-4)}.cr-tick{stroke:var(--c-ink-3);stroke-width:.8}.cr-mark{fill:var(--c-ink-2);font-family:var(--font-mono);font-size:11px;font-weight:500}.cr-needle{stroke:var(--c-ink);stroke-width:2.6;stroke-linecap:round}.cr-hub{fill:var(--cr-hot);stroke:var(--c-ink);stroke-width:2}.cr-rate__v{font-family:var(--font-mono);font-weight:500;font-size:clamp(1.75rem,8vw,2.5rem);line-height:1;letter-spacing:-.04em;color:var(--c-ink)}.cr-rate__v small{font-size:.34em;letter-spacing:0;color:var(--c-ink-3);margin-inline-start:4px;font-weight:500}.cr-rate__tier{min-height:1.4em;margin-top:6px;font-size:var(--fs-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-accent-ink)}.board{grid-area:pad;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:clamp(240px,38vh,320px);padding:var(--sp-6);user-select:none;-webkit-user-select:none;cursor:pointer;touch-action:manipulation;background:var(--c-surface);border:2px solid var(--c-ink);border-radius:var(--r-md);box-shadow:6px 6px 0 var(--cr-hot);transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease),background var(--dur-1)}.board:before{content:"";position:absolute;inset:8px;border:1.5px dashed var(--c-control-line);border-radius:var(--r-sm);pointer-events:none}.board:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--cr-hot)}.board.scrollmode{touch-action:none;overscroll-behavior:contain}.board.live{background:var(--c-accent-soft)}.board.green{background:var(--c-ok-soft);border-color:var(--c-ok);box-shadow:6px 6px 0 var(--c-ok)}.board.red{background:var(--c-danger-soft);border-color:var(--c-danger);box-shadow:6px 6px 0 var(--c-danger)}.board .big{font-family:var(--font-mono);font-weight:500;font-size:clamp(4rem,22vw,8.5rem);line-height:1;letter-spacing:-.05em;color:var(--c-ink)}.board .big small{font-size:.2em;letter-spacing:0;color:var(--c-ink-3);margin-inline-start:.3em;font-weight:500}.board .hint{margin-top:var(--sp-3);color:var(--c-ink-2);font-size:var(--fs-md);font-variant-numeric:tabular-nums}.cr-read{grid-area:read;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;background:var(--c-surface);border:2px solid var(--c-ink);border-radius:var(--r-md)}.cr-read>div{padding:var(--sp-3) var(--sp-4);min-width:0}.cr-read>div+div{border-inline-start:1px solid var(--c-line-strong)}.cr-read dt{overflow-wrap:normal;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-3)}.cr-read dd{margin:2px 0 0;font-family:var(--font-mono);font-weight:500;font-size:var(--fs-xl);line-height:1.2;color:var(--c-ink)}.cr-result{grid-area:result;margin:0}.cr-result .score{color:var(--c-ink-2);font-family:var(--font-mono);font-size:var(--fs-sm)}.cr-again{margin-top:var(--sp-4)}@media(min-width:900px){.cr-stage{padding-block:var(--sp-8) var(--sp-8)}.cr-console{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto 1fr auto;column-gap:var(--sp-6);grid-template-areas:"bar bar" "pad meter" "pad read" "result result"}.cr-console.is-reaction{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:"bar" "pad" "read" "result"}.cr-title{font-size:var(--fs-2xl)}.board{min-height:clamp(380px,54vh,500px)}.cr-meter{grid-template-columns:minmax(0,1fr);align-self:start;gap:var(--sp-4)}.cr-read{align-self:start}.cr-rate__v{font-size:3.5rem}}.cr-intro{margin:0 0 var(--sp-6);text-wrap:pretty}.cr-sec{padding-block:clamp(28px,4vw,56px)}.cr-dirhead{margin-bottom:var(--sp-4)}.hk-lede+.cr-dirhead{margin-top:var(--sp-10)}.cr-article{padding-bottom:var(--sp-8)}.cr-article p{color:var(--c-ink-2)}.hk-prose h2{margin-top:var(--sp-8)}.cr-article{counter-reset:cr-sec}.cr-article h2{display:flex;align-items:baseline;gap:var(--sp-3);padding-top:var(--sp-3);border-top:2px solid var(--c-ink)}.cr-article h2:before{counter-increment:cr-sec;content:counter(cr-sec,decimal-leading-zero);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500;color:var(--c-accent-ink)}.cr-article li b{font-family:var(--font-mono);font-weight:500;color:var(--c-ink)}.hk-prose li{margin-bottom:var(--sp-1)}.cr-row{grid-template-columns:3.25rem minmax(0,1fr) auto}.cr-row__unit{font-weight:500;font-size:var(--fs-sm);letter-spacing:.06em;color:var(--c-accent-ink)}.cr-row__unit--ic .ic{width:20px;height:20px}.cr-row__main{display:grid;gap:2px;min-width:0}.cr-row__main>.hk-row__title{display:block}.cr-row .hk-row__meta{color:var(--c-ink-3)}.cr-row .hk-row__end .ic{color:var(--c-ink-2)}.cr-switch{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.cr-switch__chip{min-height:40px;gap:var(--sp-2);border-radius:var(--r-sm);border-width:2px;border-color:var(--c-ink);color:var(--c-ink);font-weight:500}.cr-switch__chip:hover{background:var(--c-accent-soft);color:var(--c-ink)}.cr-switch__unit{font-size:11px;letter-spacing:.06em;color:var(--c-accent-ink)}.cr-panel{padding:0;margin-bottom:var(--sp-8)}.cr-panel>p:first-child{margin-top:0}.cr-panel p:last-child{margin-bottom:0}.cr-panel.hk-prose{max-inline-size:none}.hk-lede,.hk-page-head .hk-lede{text-wrap:pretty}.cr-mailrow{display:flex;align-items:center;gap:var(--sp-3)}.cr-mailrow .hk-btn--icon{width:48px;min-height:48px;border:2px solid var(--c-ink);border-radius:var(--r-sm);box-shadow:3px 3px 0 var(--cr-hot);color:var(--c-ink)}.cr-mail{font-size:var(--fs-2xl);font-weight:500;color:var(--c-ink);text-decoration:underline;text-underline-offset:.25em}.hk-page-head .hk-h1{font-size:var(--fs-3xl)}.cr-aside{position:sticky;top:calc(var(--header-h) + var(--sp-4));align-self:start}.cr-scale__label{margin:0 0 var(--sp-2);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-3)}.cr-scale__bands{list-style:none;margin:0;padding:0;border:2px solid var(--c-ink);border-radius:var(--r-md);overflow:hidden;background:var(--c-surface)}.cr-scale__band{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-inline-start:10px solid var(--c-control-line)}.cr-scale__band+.cr-scale__band{border-top:1px solid var(--c-line-strong)}.cr-scale__band-1{border-inline-start-color:var(--cr-tier-1)}.cr-scale__band-2{border-inline-start-color:var(--cr-tier-2)}.cr-scale__band-3{border-inline-start-color:var(--cr-hot)}.cr-scale__band-4{border-inline-start-color:var(--cr-tier-4)}.cr-scale__from{order:2;font-size:var(--fs-lg);font-weight:500}.cr-scale__name{font-size:var(--fs-sm);color:var(--c-ink-2)}.hk-footer{border-top:1px solid var(--c-line-strong)}.hk-footer__bottom{border-top:0;position:relative}.hk-footer__bottom:before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--c-line)}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto}.rec{margin-top:var(--sp-4);padding:var(--sp-5);background:var(--c-surface);border:2px solid var(--c-ink);border-radius:var(--r-md)}.rec .k,.rec-card .k{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-3)}.rec-tier[data-tier=elite],.rec-tier[data-tier=pro]{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}.rec-stats{display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-8);margin:var(--sp-3) 0}.rec .stat .v{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-xl);color:var(--c-ink)}.rec-pb{padding:var(--sp-1) var(--sp-2);margin:calc(var(--sp-1) * -1) calc(var(--sp-2) * -1);border-radius:var(--r-sm)}.rec-pb.is-new{background:var(--c-accent)}.rec-pb.is-new .v,.rec-pb.is-new .k{color:var(--c-on-accent)}.rec-delta{margin:var(--sp-2) 0 var(--sp-3);color:var(--c-ink-2);font-weight:600;font-size:var(--fs-sm)}.rec-delta.up{color:var(--c-ok)}.rec-delta.down{color:var(--c-danger)}.rec-trend{width:min(100%,420px);margin-bottom:var(--sp-2)}.spark{display:block;width:100%;height:44px}.spark-line{fill:none;stroke:var(--c-accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.rec-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-5);margin-top:var(--sp-3)}.rec-status{margin:var(--sp-2) 0 0;color:var(--c-ink-2);font-size:var(--fs-sm);overflow-wrap:anywhere}.rec-status:empty{margin:0}@keyframes pb-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.rec-pb.is-new{animation:pb-pop .6s ease-out 2}@media(prefers-reduced-motion:reduce){.rec-pb.is-new{animation:none}.board{transition:none}}.rec-empty{margin-bottom:var(--sp-5)}.cr-recs{border-top:2px solid var(--c-ink)}.rec-card{display:grid;gap:var(--sp-2) var(--sp-5);grid-template-columns:minmax(0,1fr);padding:var(--sp-4) 0;border-bottom:1px solid var(--c-line);grid-template-areas:"head" "pb" "k" "spark" "meta" "link"}.rec-card-head{grid-area:head;display:flex;align-items:center;gap:var(--sp-3)}.rec-card-head h2{margin:0;font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:700;min-width:0}.rec-card-head .ic{color:var(--c-accent-ink)}.rec-card-pb{grid-area:pb;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}.rec-card-pb .v{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-3xl);line-height:1;white-space:nowrap}.rec-dur{color:var(--c-ink-3);font-size:var(--fs-sm)}.rec-card>.k{grid-area:k}.rec-card .spark{grid-area:spark;margin:var(--sp-1) 0}.rec-card.is-empty .spark{display:none}.rec-card.is-empty .rec-card-pb .v{color:var(--c-ink-3);font-size:var(--fs-xl)}.rec-card.is-thin .spark{visibility:hidden}.rec-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-5);margin:0;font-size:var(--fs-sm)}.rec-meta dt{color:var(--c-ink-3)}.rec-meta dd{margin:0;font-weight:600}.rec-card>.hk-link{grid-area:link}.rec-reset{margin-top:var(--sp-6);padding-bottom:var(--sp-8)}@media(min-width:900px){.rec-card{grid-template-columns:220px 240px minmax(0,1fr) minmax(0,1fr) auto;align-items:center;grid-template-areas:"head pb spark meta link" "head k spark meta link"}}@media(min-width:900px){.cr-dir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--sp-10);border-top:0}.cr-dir>li:nth-child(-n+2){border-top:1px solid var(--c-line)}}@media(max-width:420px){.cr-chips{grid-template-columns:repeat(auto-fit,minmax(68px,1fr))}.cr-chip{padding:0 var(--sp-1)}}
