.sc{color:var(--c-text);font-family:var(--font-body);container:sc/inline-size}.sc__grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@container sc (width>=900px){.sc__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.sc-left{background:var(--sc-left-bg);color:var(--sc-left-text);border:1px solid var(--sc-card-border);border-radius:var(--radius-lg);align-content:start;gap:24px;padding:28px 18px 18px;display:grid;position:relative;overflow:hidden;container:scl/inline-size}.sc-left:before{content:"";pointer-events:none;opacity:.5;background:linear-gradient(to right, var(--c-line) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(to bottom, var(--c-line) 1px, transparent 1px) 0 0 / 48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 45%);mask-image:linear-gradient(#000,#0000 45%)}.sc-left>*{position:relative}@container sc (width>=560px){.sc-left{padding:36px 28px 24px}}.sc-right{background:var(--sc-right-bg);grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;display:grid}@container sc (width>=560px){.sc-right{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.sc-head{text-align:center}.sc-total{color:var(--sc-total-color);font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:2rem;font-weight:500;line-height:1;display:inline-flex}.sc-total__laurel{flex:none;width:16px;height:34px}.sc-total__laurel--r{transform:scaleX(-1)}.sc-total__note{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--c-muted);margin:8px 0 0}.sc-name{font-family:var(--font-display);letter-spacing:-.01em;overflow-wrap:anywhere;color:var(--sc-left-text);font-weight:500;line-height:1;font-size:min(6rem, calc(150cqi / var(--len,6)));margin:12px 0 0}.sc-funnel{margin:0;padding:0;list-style:none;display:grid}.sc-funnel__step{border-top:1px solid var(--c-line);grid-template-columns:18px minmax(0,44%) minmax(0,1fr);align-items:center;gap:12px;min-height:72px;display:grid}.sc-funnel__n{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-faint)}.sc-funnel__band{color:var(--sc-funnel-ink);clip-path:polygon(calc(var(--i) * 9%) 0, calc(100% - var(--i) * 9%) 0, calc(100% - (var(--i) + 1) * 9%) 100%, calc((var(--i) + 1) * 9%) 100%);transform-origin:top;transition:transform .6s calc(var(--i) * 80ms) var(--ease), opacity .6s calc(var(--i) * 80ms);align-self:stretch;place-items:center;display:grid}.sc-funnel__step:first-child .sc-funnel__band{background:var(--sc-funnel-1)}.sc-funnel__step:nth-child(2) .sc-funnel__band{background:var(--sc-funnel-2)}.sc-funnel__step:nth-child(3) .sc-funnel__band{background:var(--sc-funnel-3)}.sc-funnel__step:nth-child(4) .sc-funnel__band{background:var(--sc-funnel-4)}.sc-funnel__step:nth-child(5) .sc-funnel__band{background:var(--sc-funnel-5);color:var(--sc-funnel-ink-light)}.sc-ico{flex:none;width:16px;height:16px}.sc-funnel__band .sc-ico{width:18px;height:18px}.sc-funnel__info{gap:4px;min-width:0;padding:10px 0;display:grid}.sc-funnel__label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--c-gold-text);font-size:.6875rem}.sc-funnel__val{font-size:var(--fs-lg);color:var(--sc-left-text);min-width:0}.sc-funnel__big{font-family:var(--font-display);font-size:2.25rem;font-weight:500;line-height:1}.sc-funnel__note{font-size:var(--fs-xs);color:var(--c-muted);margin-top:2px;display:block}.sc-chip{font-family:var(--font-mono);font-size:var(--fs-xs);background:var(--c-surface-3);color:var(--c-text);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:5px 10px;display:inline-flex}.sc-chip.is-ok>span{color:var(--c-success)}.sc-chip.is-bad>span{color:var(--c-danger)}.sc-chip small{color:var(--c-muted)}.sc-card{background:var(--sc-card-bg);border:1px solid var(--sc-card-border);border-radius:var(--radius-lg);align-content:start;gap:10px;min-width:0;padding:18px;display:grid}@container sc (width>=560px){.sc-card{padding:22px 24px}}.sc-card__head,.sc-bar__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sc-bar__label{font-weight:500;font-size:var(--fs-base);color:var(--c-text)}.sc-val{color:var(--sc-value-color);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:500}.sc-of{color:var(--c-muted);font-family:var(--font-mono);font-size:var(--fs-xs);margin-left:4px}.sc-bars{gap:22px}.sc-bar{gap:10px;display:grid}.sc-meter{background:var(--sc-bar-track);border-radius:3px;height:6px;overflow:hidden}.sc-meter>span{height:100%;width:var(--v,0%);background:var(--sc-bar-fill);border-radius:inherit;transform-origin:0;transition:transform 1s var(--ease);display:block}.sc-bar:nth-child(2) .sc-meter>span{transition-delay:80ms}.sc-bar:nth-child(3) .sc-meter>span{transition-delay:.16s}.sc-bar:nth-child(4) .sc-meter>span{transition-delay:.24s}.sc-meter--inline{flex:1;align-self:center;min-width:40px}.sc-lock{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-gold-text);border:1px dashed color-mix(in srgb, var(--c-gold-text) 50%, transparent);white-space:nowrap;background:var(--sc-card-bg);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;text-decoration:none;transition:background-color .2s;display:inline-flex}.sc-lock .sc-ico{width:13px;height:13px}a.sc-lock:hover{background:var(--c-gold-tint);color:var(--c-gold-text)}.is-locked .sc-meter>span{width:0}.sc-gauge{justify-items:center;position:relative}.sc-gauge .sc-card__head{justify-self:stretch}.sc-gauge__svg{width:100%;max-width:240px;margin:0 auto;display:block;overflow:visible}.sc-gauge__track,.sc-gauge__scale,.sc-gauge__fill{fill:none;stroke-width:7px;stroke-linecap:round}.sc-gauge__track{stroke:var(--sc-gauge-track)}.sc-gauge__scale{opacity:.16}.sc-gauge__fill{stroke-dasharray:100;stroke-dashoffset:0;transition:stroke-dashoffset 1.1s var(--ease)}.sc-gauge__s1{stop-color:var(--sc-gauge-ok)}.sc-gauge__s2{stop-color:var(--sc-gauge-mid)}.sc-gauge__s3{stop-color:var(--sc-gauge-bad)}.sc-gauge__needle{transform-box:view-box;transform-origin:100px 100px;transition:transform 1.1s var(--ease)}.sc-gauge__needle line{stroke:var(--c-text);stroke-width:2.5px;stroke-linecap:round}.sc-gauge__ticks text{font-family:var(--font-mono);fill:var(--c-muted);font-size:8px}.sc-gauge__center{text-align:center;pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;top:46%;left:0;right:0}.sc-gauge__center small{font-family:var(--font-mono);color:var(--c-muted);font-size:.6875rem}.sc-gauge__center .sc-lock{pointer-events:auto}.sc-gauge__val{font-family:var(--font-display);color:var(--c-text);font-variant-numeric:lining-nums;font-size:3.25rem;font-weight:500;line-height:.9}.sc-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;background:var(--sc-normal-bg);color:var(--sc-normal-ink);border-radius:999px;padding:3px 10px;font-size:.625rem}.sc-badge[data-s=ok]{background:var(--sc-easy-bg);color:var(--sc-easy-ink)}.sc-badge[data-s=bad]{background:var(--sc-hard-bg);color:var(--sc-hard-ink)}.sc-culture{min-height:190px;position:relative;overflow:hidden}.sc-culture__val{z-index:1;align-items:baseline;display:flex;position:relative}.sc-map{aspect-ratio:1;background:radial-gradient(circle at 38% 40%, var(--c-gold-num) 0 2px, transparent 2.5px), radial-gradient(circle at 62% 30%, var(--c-gold-num) 0 2px, transparent 2.5px), radial-gradient(circle at 55% 58%, var(--c-gold-num) 0 2px, transparent 2.5px), radial-gradient(circle at 30% 66%, var(--c-gold-num) 0 2px, transparent 2.5px), radial-gradient(circle, var(--sc-map-dot) .9px, transparent 1.3px) 0 0 / 6px 6px, radial-gradient(circle at 35% 30%, var(--sc-map-from), var(--sc-map-to) 70%);border-radius:50%;width:78%;position:absolute;bottom:-30%;right:-18%;-webkit-mask-image:radial-gradient(circle,#000 64%,#0000 71%);mask-image:radial-gradient(circle,#000 64%,#0000 71%)}.sc-map__arc{border:2px solid #0000;border-left-color:var(--c-gold-soft);border-top-color:color-mix(in srgb, var(--c-gold) 40%, transparent);border-radius:50%;position:absolute;inset:3%;transform:rotate(-20deg)}.sc-boxes{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid;container-type:inline-size}.sc-box{text-align:center;gap:6px;display:grid}.sc-box__l{aspect-ratio:.82;border:1px dashed var(--c-line-2);font-family:var(--font-display);color:var(--c-faint);background:0 0;border-radius:6px;place-items:center;font-size:clamp(1.1rem,8.5cqi,2.4rem);font-weight:500;line-height:1;display:grid}.sc-box.is-filled .sc-box__l{color:var(--c-text);background:var(--c-surface-2);border:1px solid var(--c-line-2);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--c-gold) 60%, transparent)}.sc-box.is-over .sc-box__l{border:1px dashed var(--c-danger);box-shadow:none;color:var(--sc-hard-ink)}.sc-box__n{font-family:var(--font-mono);color:var(--c-faint);font-size:.625rem}.sc-box.is-filled .sc-box__n{color:var(--c-muted)}.sc-sonority{justify-content:space-between;align-items:center;gap:12px;display:flex}.sc-sonority .sc-bar__label{font-family:var(--font-display);font-size:1.6rem;font-weight:500}.sc-paren{color:var(--c-gold-text);font-family:var(--font-body);letter-spacing:-.15em;font-weight:300}@container sc (width>=560px){.sc-phonetic{grid-column:1/-1}}.sc-phonetic .sc-meter>span{background:linear-gradient(90deg, var(--sc-easy-grad-from), var(--sc-easy-solid))}.sc-groups{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:6px;display:grid}@container sc (width>=720px){.sc-groups{grid-template-columns:minmax(0,7fr) minmax(0,3.4fr) minmax(0,4.6fr);gap:20px}}.sc-group{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.sc-group__title{writing-mode:vertical-rl;text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--sc-letter-used);border-radius:999px;align-self:stretch;padding:8px 3px;font-size:.5625rem;font-weight:500;transform:rotate(180deg)}.sc-group--oson .sc-group__title{background:var(--sc-easy-solid)}.sc-group--normal .sc-group__title{background:var(--sc-normal-solid)}.sc-group--qiyin .sc-group__title{background:var(--sc-hard-solid)}.sc-group ul{flex-wrap:wrap;align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sc-letter{width:2.35em;height:2.35em;transition:transform .3s var(--ease);border-radius:50%;place-items:center;font-size:.95rem;font-weight:500;display:grid}.sc-group--oson .sc-letter{background:var(--sc-easy-bg);color:var(--sc-easy-ink)}.sc-group--normal .sc-letter{background:var(--sc-normal-bg);color:var(--sc-normal-ink)}.sc-group--qiyin .sc-letter{background:var(--sc-hard-bg);color:var(--sc-hard-ink)}.sc-letter:not(.is-used){opacity:var(--sc-letter-idle)}.sc-letter.is-used{color:var(--sc-letter-used);opacity:1;font-weight:700}.sc-group--oson .sc-letter.is-used{background:var(--sc-easy-solid)}.sc-group--normal .sc-letter.is-used{background:var(--sc-normal-solid)}.sc-group--qiyin .sc-letter.is-used{background:var(--sc-hard-solid)}.sc-explain{gap:28px;max-width:620px;margin:0;padding:0;list-style:none;display:grid}.sc-explain__row{gap:10px;display:grid}.sc-explain .sc-bar__label{font-size:var(--fs-lg)}.sc-explain__note{font-size:var(--fs-sm);color:var(--c-muted);margin:0}.js .sc:not(.is-in) .sc-meter>span{transform:scaleX(0)}.js .sc:not(.is-in) .sc-gauge__fill{stroke-dashoffset:100px}.js .sc:not(.is-in) .sc-gauge__needle{transform:rotate(calc(-1 * var(--a,0deg)))}.js .sc:not(.is-in) .sc-funnel__band{opacity:0;transform:scaleY(.6)}@media (prefers-reduced-motion:reduce){.js .sc:not(.is-in) .sc-meter>span,.js .sc:not(.is-in) .sc-gauge__needle,.js .sc:not(.is-in) .sc-funnel__band{opacity:1;transform:none}.js .sc:not(.is-in) .sc-gauge__fill{stroke-dashoffset:0}.sc *{transition:none!important}}@container sc (width>=560px){.sc-letters{order:3}.sc-culture{order:4}.sc-sonority{order:5;grid-column:1/-1}.sc-phonetic{order:6}}@container scl (width>=420px){.sc-funnel__step{min-height:84px}}@container scl (width<=419px){.sc-funnel__step{grid-template-columns:14px minmax(0,34%) minmax(0,1fr);gap:10px}.sc-chip{overflow-wrap:normal;word-break:normal;padding:4px 8px;font-size:.6875rem}}.sc-funnel .sc-lock{white-space:normal;max-width:100%}.sc-funnel .sc-chip{flex-wrap:wrap;row-gap:0}