:root{color-scheme:light;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Roboto,Droid Sans Fallback,WenQuanYi Micro Hei,sans-serif;color:#171a22;background:#f7f8fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{--blue: #347ff1;--blue-soft: #eaf1ff;--purple: #a681e8;--purple-soft: #f1eafd;--green: #43ad61;--green-soft: #e8f7ec;min-height:100vh;padding:clamp(22px,4vw,56px);background:radial-gradient(circle at 18% 8%,rgba(111,149,248,.08),transparent 28%),radial-gradient(circle at 86% 94%,rgba(67,173,97,.07),transparent 30%),#f7f8fb}.page-header,.concept-card,.examples{width:min(1180px,100%);margin-inline:auto}.page-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{margin:0 0 7px;color:#6c7280;font-size:.78rem;font-weight:760;letter-spacing:.14em}.page-header h1{margin:0;font-size:clamp(1.75rem,3.5vw,2.7rem);font-weight:680;letter-spacing:-.035em}.reset-button{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #dcdfe6;border-radius:999px;color:#555b68;background:#ffffffd1;cursor:pointer}.reset-button span:first-child{font-size:1.35rem;line-height:.7}.reset-button:hover{border-color:#b9bec9;color:#171a22}.concept-card{overflow:hidden;border:1px solid #dfe1e6;border-radius:30px;background:#fffffff0;box-shadow:0 28px 70px #1c263a14}.factorization{width:min(650px,calc(100% - 40px));margin:54px auto 28px;display:grid;gap:16px}.factor-row{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:18px}.factor-row>strong{color:#5b606b;font-size:1.03rem;font-weight:700;text-align:right;white-space:nowrap}.factor-sequence{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.factor-unit{display:inline-flex;align-items:center;gap:8px}.times{color:#9297a0;font-size:1.1rem}.factor-chip{width:52px;height:52px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;font-size:1.18rem;font-weight:720;box-shadow:inset 0 -2px #0000000d;transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease}.factor-chip--common{background:var(--blue)}.factor-chip--only-a{background:var(--purple)}.factor-chip--only-b{background:var(--green)}.factor-chip.is-muted{opacity:.22;transform:scale(.9)}.group-grid{width:min(650px,calc(100% - 40px));margin:0 auto 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.group-box{min-height:188px;display:grid;grid-template-rows:auto 1fr;gap:14px;padding:16px;border:2px solid transparent;border-radius:22px;background:#f0f1f3;transition:opacity .22s ease,transform .22s ease,border-color .22s ease,background .22s ease}.group-box h2{margin:0;color:#626773;font-size:.98rem;font-weight:720;text-align:center}.group-box__factors{display:flex;align-content:center;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.group-box .factor-chip{width:48px;height:48px;font-size:1.05rem}.group-box--common.is-active{border-color:var(--blue);background:var(--blue-soft)}.focus-lcm .group-box--only-a.is-active{border-color:var(--purple);background:var(--purple-soft)}.focus-lcm .group-box--only-b.is-active{border-color:var(--green);background:var(--green-soft)}.group-box.is-muted{opacity:.27;transform:scale(.97)}.empty-factor{color:#a2a6ae;font-size:1.25rem;font-weight:650}.result-panel{padding:27px clamp(24px,7vw,82px);display:grid;gap:13px;border-top:1px solid #e1e3e7;border-bottom:1px solid #e1e3e7;background:#f8f8f9}.result-line{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px;transition:opacity .22s ease}.result-line.is-muted{opacity:.26}.result-line p{margin:0;color:#525762;font-size:clamp(1rem,2.1vw,1.35rem)}.result-line p strong{color:#242832}.result-line p b{color:#171a22;font-size:1.15em}.result-rule{display:inline-flex;align-items:center;gap:8px;color:#6b707b;font-size:.86rem;font-weight:700}.rule-dot{width:11px;height:11px;display:inline-block;border-radius:50%}.rule-dot--common{background:var(--blue)}.rule-dot--all{background:linear-gradient(135deg,var(--purple) 0 33%,var(--blue) 33% 66%,var(--green) 66%)}.controls{padding:24px clamp(24px,7vw,82px) 28px;display:grid;gap:18px}.number-control{display:grid;grid-template-columns:24px 48px minmax(0,1fr);align-items:center;gap:10px}.number-control__label{font-family:Georgia,serif;font-size:1.25rem;font-style:italic}.number-control output{color:#313640;font-variant-numeric:tabular-nums}.number-control input{--progress: 50%;width:100%;height:15px;margin:0;border-radius:999px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#dce8ff var(--progress),#ececef var(--progress));cursor:pointer}.number-control input::-webkit-slider-thumb{width:28px;height:28px;border:4px solid #fff;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--blue);box-shadow:0 2px 8px #1f31503d}.number-control input::-moz-range-thumb{width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 2px 8px #1f31503d}.focus-control{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:10px}.focus-control>span{font-size:.94rem;font-weight:700}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border-radius:999px;background:#e9eaed}.segmented button{min-height:38px;padding:5px 10px;border:0;border-radius:999px;color:#636873;background:transparent;cursor:pointer}.segmented button.is-selected{color:#171a22;background:#fff;box-shadow:0 1px 5px #141b2821;font-weight:700}.examples{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}.examples button{padding:8px 13px;border:1px solid transparent;border-radius:999px;color:#707580;background:transparent;cursor:pointer}.examples button:hover,.examples button.is-current{border-color:#d5d8df;color:#2b303a;background:#fff}button:focus-visible,input:focus-visible{outline:3px solid rgba(52,127,241,.35);outline-offset:3px}.spotlight-shell{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:24px;padding:40px;background:#f7f8fb;text-align:center}.spotlight-kicker{color:#717784;font-size:.86rem;font-weight:750;letter-spacing:.16em}.spotlight-shell h1{margin:0;font-size:clamp(2rem,6vw,4.8rem);letter-spacing:-.05em}.spotlight-groups{display:grid;grid-template-columns:repeat(3,auto);gap:12px}.spotlight-groups span{min-width:100px;padding:32px 24px;border-radius:24px;color:#fff;font-size:1.3rem;font-weight:700}.spotlight-only-a{background:#a681e8}.spotlight-common{background:#347ff1}.spotlight-only-b{background:#43ad61}.spotlight-results{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.spotlight-results p{margin:0;display:grid;gap:4px;padding:14px 20px;border-radius:16px;background:#fff;box-shadow:0 10px 30px #202d4614}.spotlight-results strong{font-size:.78rem;color:#777d88}@media (max-width: 680px){.app{padding:20px 13px 34px}.page-header{align-items:start}.reset-button span:last-child{display:none}.concept-card{border-radius:22px}.factorization{margin-top:34px}.factor-row{grid-template-columns:1fr;gap:9px}.factor-row>strong{text-align:left}.factor-sequence,.factor-unit{gap:5px}.factor-chip{width:44px;height:44px;font-size:1rem}.group-grid{gap:7px;margin-bottom:30px}.group-box{min-height:150px;padding:12px 6px;border-radius:17px}.group-box .factor-chip{width:38px;height:38px;font-size:.9rem}.result-panel{padding:22px 18px}.result-line{grid-template-columns:1fr;gap:5px}.result-line p{line-height:1.55}.controls{padding:22px 18px}.focus-control{grid-template-columns:1fr}.segmented button{font-size:.78rem;padding-inline:5px}.spotlight-groups{gap:7px}.spotlight-groups span{min-width:0;padding:24px 14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}