:root{color:#20242c;background:#f7f8fa;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.page-shell{width:min(100% - 2rem,760px);margin:0 auto;padding:5rem 0}.page-shell:has(.archive-screen){width:min(100% - 5rem,1080px)}.eyebrow{margin:0 0 .5rem;color:#635bff;font-size:.875rem;font-weight:800;letter-spacing:.08em}h1{margin:0;font-size:clamp(2rem,7vw,3rem)}.intro{color:#606875}.status{color:#606875;font-size:.875rem}.account-menu{position:fixed;bottom:1rem;left:1rem;z-index:10;display:flex;align-items:center;gap:.5rem;max-width:calc(100vw - 2rem);padding:.55rem .7rem;border:1px solid #e4e7ec;border-radius:.5rem;background:#ffffffeb;box-shadow:0 .25rem .75rem #20242c1a;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.account{margin:0;overflow:hidden;color:#606875;font-size:.875rem;text-overflow:ellipsis;white-space:nowrap}.survey-period{margin:.8rem 0 0;color:#5149e7;font-size:.875rem;font-weight:700}.google-login,.option,.secondary-button,.text-button{border:1px solid #d9dde5;border-radius:.5rem;background:#fff;color:#20242c;cursor:pointer;font:inherit;font-weight:700}.google-login{padding:.7rem 1rem}.google-login:disabled{cursor:not-allowed;opacity:.6}.patterns{display:grid;gap:1rem;margin-top:2.5rem}.step-panel,.page-heading,.archive-screen{margin-top:2.5rem}.archive-screen h2{margin:0}.archive-guidance{margin:1rem 0 1.2rem;padding:.85rem 1rem;border:1px solid #e2e5f0;border-radius:.6rem;background:#f8f8fc;color:#606875;font-size:.9rem;line-height:1.5}.archive-guidance p{margin:0}.archive-guidance-title{margin-bottom:.25rem!important;color:#b42318;font-size:1.35rem;font-weight:500}.step-panel{max-width:34rem;padding:1.5rem;border:1px solid #e4e7ec;border-radius:.75rem;background:#fff}.step-panel h2,.page-heading h2{margin:0}.step-number{margin:0 0 .4rem;color:#635bff;font-size:.875rem;font-weight:800}.text-button{padding:0;border:0;color:#606875;background:transparent;font-size:.875rem;font-weight:500}.secondary-button{margin-top:.35rem;padding:.55rem .75rem}.archive-reload{display:inline-flex;align-items:center;gap:.5rem;margin:.9rem 0 .25rem;padding:.7rem 1rem;border-color:#c9c5ff;background:#f0efff;color:#5149e7;box-shadow:0 2px 5px #635bff1a;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.archive-reload:hover{transform:translateY(-1px);border-color:#8e89ff;background:#e7e5ff;box-shadow:0 4px 10px #635bff2e}.archive-reload:focus-visible{outline:3px solid #8e89ff;outline-offset:3px}.archive-reload-icon{display:inline-grid;width:1.25rem;height:1.25rem;place-items:center;border-radius:50%;background:#635bff;color:#fff;font-size:1.1rem;line-height:1}.pattern-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,40%);grid-template-rows:auto auto;align-items:start;gap:.75rem 1.25rem;padding:1.25rem;border:1px solid #e4e7ec;border-radius:.75rem;background:#fff}.pattern-card h2{margin:0;font-size:1.25rem}.pattern-heading{display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:.9rem}.pattern-jacket,.pattern-jacket-placeholder{display:grid;width:4.5rem;aspect-ratio:1;place-items:center;border-radius:.5rem;background:#eef0f4;color:#77808e;object-fit:cover;font-size:1.5rem;font-weight:800}.pattern-jacket[hidden],.pattern-jacket-placeholder[hidden]{display:none}.pattern-meta{margin:0 0 .25rem;color:#5149e7;font-size:.875rem;font-weight:800}.pattern-floor{color:#737b87;font-weight:400;font-size:.875rem}.options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.pattern-heading,.options{grid-column:1}.pattern-scatter{position:relative;grid-column:2;grid-row:1 / span 2;min-width:0}.scatter-help{position:absolute;z-index:2;top:.35rem;right:.35rem;visibility:hidden;display:flex;justify-content:flex-end;margin:0;opacity:0;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.pattern-scatter.scatter-help-visible .scatter-help{visibility:visible;opacity:1;pointer-events:auto}@media(hover:hover)and (pointer:fine){.pattern-scatter:hover .scatter-help,.pattern-scatter:focus-within .scatter-help{visibility:visible;opacity:1;pointer-events:auto}}.scatter-help summary{display:grid;width:1.5rem;height:1.5rem;place-items:center;border:1px solid #98a2b3;border-radius:50%;color:#475467;cursor:pointer;font-size:.9rem;font-weight:700;line-height:1;list-style:none}.scatter-help summary::-webkit-details-marker{display:none}.scatter-help summary:focus-visible{outline:3px solid #8e89ff;outline-offset:2px}.scatter-help-content{position:absolute;z-index:2;top:calc(100% + .35rem);right:0;width:min(21rem,calc(100vw - 3rem));padding:.75rem .85rem;border:1px solid #d0d5dd;border-radius:.5rem;background:#fff;box-shadow:0 4px 14px #10182824;color:#344054;font-size:.8rem;line-height:1.45}.scatter-help-content p{margin:0}.scatter-help-content p+p{margin-top:.4rem}.pattern-scatter .result-chart{position:relative;margin-top:0;padding-top:0;border-top:0}.pattern-scatter .result-chart svg{margin-top:0}.pattern-vote-graphs{min-width:0}.option{position:relative;min-width:7rem;overflow:hidden;padding:.5rem .75rem;text-align:left}.option:not(:disabled):hover{border-color:#635bff;color:#5149e7}.option:disabled{cursor:default;opacity:1}.result-option{cursor:pointer}.result-option:disabled{cursor:not-allowed;opacity:.5}.result-option.chart-active{border-color:#635bff;background:#eeedff;color:#5149e7}.option>span:not(.result-bar){position:relative;z-index:1}.option-count{margin-left:.25rem;color:#606875;font-size:.8rem}.result-bar{position:absolute;inset:auto auto 0 0;width:var(--result-width);height:.2rem;background:#8e89ff;transition:width .2s ease}.option.selected{border-color:#635bff;background:#eeedff;color:#5149e7}.vote-form{display:grid;gap:.6rem;margin-top:1.5rem}.vote-form input{width:min(100%,22rem);padding:.65rem .75rem;border:1px solid #d9dde5;border-radius:.5rem;font:inherit}.save-votes{width:fit-content;padding:.7rem 1rem;border:0;border-radius:.5rem;background:#635bff;color:#fff;cursor:pointer;font:inherit;font-weight:700}.vote-actions,.page-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;align-items:center}.vote-actions .secondary-button{margin-top:0}.save-votes:disabled{cursor:not-allowed;opacity:.6}.secondary-button:disabled{cursor:not-allowed;opacity:.6}.result-chart{position:relative;margin:1.3rem 0 0;padding-top:1rem;border-top:1px solid #edf0f4}.result-chart svg{display:block;width:100%;margin-top:.65rem;overflow:visible}.chart-legend{display:flex;flex-wrap:wrap;gap:.35rem .8rem;margin:.55rem 0 0;padding:0;color:#485160;font-size:.78rem;list-style:none}.chart-legend li{display:inline-flex;align-items:center;gap:.3rem}.chart-legend-swatch{display:inline-block;width:.75rem;height:.75rem;border-radius:.15rem;background:var(--chart-color)}.chart-legend-max{background:#39ff14}.chart-frame{fill:none;stroke:#cfd5df;stroke-width:1}.chart-axis,.chart-tick,.chart-y-tick{stroke:#9da6b5;stroke-width:1.25}.chart-bar{fill:var(--chart-color)}.chart-scatter-point{fill:#635bff;fill-opacity:.58;stroke:#fff;stroke-width:1}.chart-bar-max{fill:#39ff14}.chart-hit{fill:transparent;cursor:pointer;pointer-events:all}.chart-hit:focus{outline:none}.chart-tooltip{position:absolute;z-index:1;max-width:calc(100% - 1rem);padding:.3rem .45rem;border-radius:.3rem;background:#242a33;color:#fff;font-size:.75rem;line-height:1.2;pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap}.chart-label{fill:#687385;font-size:11px}.chart-x-label{font-size:9px}.chart-note,.chart-loading,.chart-empty{margin:.45rem 0 0;color:#606875;font-size:.8rem}.chart-loading,.chart-empty{padding:.9rem 0 0}.chart-loading{display:flex;align-items:center;gap:.55rem}.chart-loading:before{width:1rem;height:1rem;flex:0 0 1rem;border:2px solid #dedcff;border-top-color:#635bff;border-radius:50%;content:"";animation:chart-loading-spin .8s linear infinite}@keyframes chart-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.chart-loading:before{animation:none;border-color:#635bff}}.identity-check{margin-top:1rem;color:#357a3b;font-size:.875rem}.identity-check.error{color:#b42318}.archive-records{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-items:start;gap:16px 12px;margin-top:1rem}.verified-floors{display:grid;gap:1rem;margin-top:1.2rem}.verified-floor{padding:1.1rem 0 1.5rem;border-top:1px solid #dfe2ea}.verified-floor-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.65rem 1rem}.verified-floor h3{display:inline-block;margin:0;padding-left:.7rem;border-left:4px solid #635bff;color:#20242c;font-size:1.4rem}.verified-floor-heading p{margin:0;color:#687385;font-size:.95rem}.verified-floor-heading strong{color:#20242c}.verified-floor-heading .valid-count{color:#16864a;font-weight:700}.valid-count strong{color:#16864a}.archive-record-toggle{display:flex;min-width:0;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border:0;border-radius:6px;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.archive-record-toggle{transition:transform .14s ease,box-shadow .14s ease}.archive-record-toggle:hover{z-index:1;transform:translateY(-3px);box-shadow:0 0 0 3px #635bff,0 8px 18px #20242c3d}.archive-record-toggle:focus-visible{outline:3px solid #635bff;outline-offset:4px}.record-jacket{position:relative;display:block;overflow:hidden;aspect-ratio:1;border-radius:0 0 6px 6px;background:#eef0f4;box-shadow:0 2px 5px #10112842}.record-jacket img{display:block;width:100%;height:100%;object-fit:cover}.record-sc-level{position:absolute;right:4px;bottom:4px;z-index:1;padding:4px 10px;border-radius:10px;background:#6746dc;color:#fff;font-size:13px;font-weight:800;letter-spacing:-.03em;line-height:1.1;pointer-events:none}.jacket-missing{display:grid;width:100%;height:100%;place-items:center;color:#77808e;font-size:.7rem;font-weight:800}.record-badge{display:block;width:100%;padding:.22rem .45rem;border-radius:6px 6px 0 0;font-size:1rem;font-weight:800;line-height:1.1;text-align:center}.record-badge.perfect,.record-badge.max-combo{color:#fff;text-shadow:-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000,1px 1px 2px #000}.record-badge.perfect{background:#ee3534}.record-badge.max-combo{background:#4eeeaf}.record-badge.regular{background:#93eaff;color:#111}.record-badge.missing-score{border:1px solid #d7dce5;background:#fff;color:#111}.record-badge.excluded{background:#8b9098;color:#fff;text-shadow:0 1px 2px #333}.floor-average{margin:.9rem 0 0;color:#606875;font-size:.9rem}.floor-average strong{color:#20242c}.archive-record.missing{display:block;color:#606875}.archive-loading{color:#606875}@media(max-width:620px){.pattern-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.pattern-heading{grid-row:1}.pattern-scatter{grid-column:1;grid-row:2}.options{grid-row:3;margin-top:0}.pattern-vote-graphs{grid-row:4}.archive-records{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:14px 8px}.page-shell:has(.archive-screen){width:min(100% - 2rem,1360px)}}