:root{--ink:#0c0a09;--paper:#fafaf9;--muted:#78716c;--fg:var(--ink);--bg:var(--paper);--line:1.5px;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#fafaf9;--paper:#0c0a09;--muted:#a8a29e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.invert{--fg:var(--paper);--bg:var(--ink)}*{box-sizing:border-box;border-radius:0}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent;font-family:Pretendard Variable,Pretendard,system-ui,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500}.page{width:min(100%,560px);margin:0 auto;padding:28px 20px 64px}.top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:48px;display:flex}.crumb{color:var(--muted);margin:0;font-size:14px}.crumb strong{color:var(--fg)}.tag{border:1px solid var(--muted);color:var(--muted);white-space:nowrap;padding:0 6px;font-size:12px;line-height:1.6;display:inline-block}.tag.solid{border-color:var(--fg);background:var(--fg);color:var(--bg);font-weight:700}.kicker{color:var(--muted);margin:0;font-size:13px}.meta{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.btn{border:var(--line) solid var(--fg);background:var(--bg);min-height:52px;color:var(--fg);font:inherit;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;padding:0 22px;font-size:16px;font-weight:700;display:inline-flex}.btn.primary{background:var(--fg);color:var(--bg)}.btn:active,.seg:active{transform:translateY(1px)}.btn:focus-visible,.seg:focus-visible,a:focus-visible{outline:var(--line) dashed var(--fg);outline-offset:3px}.logo{letter-spacing:-.05em;margin:12px 0 0;font-size:min(42vw,220px);font-weight:900;line-height:1}.lead{margin:28px 0 0;font-size:18px;font-weight:600;line-height:1.55}.rules{border-bottom:1px solid var(--fg);margin:32px 0 0;padding:0;list-style:none}.rules li{border-top:1px solid var(--fg);justify-content:center;align-items:baseline;gap:12px;padding:12px 0;font-size:15px;font-weight:600;display:flex}.rules b{font-weight:600}.start-row{flex-direction:column;gap:12px;margin-top:32px;display:flex}#start{width:100%;min-height:56px;font-size:17px}#title-error{margin-top:12px}.timer{align-items:center;gap:12px;display:flex;position:relative}.timer-bar{border:var(--line) solid var(--fg);flex:1;height:10px;overflow:hidden}#timer-fill{background:var(--fg);transform-origin:0;height:100%;display:block}.timer-num{text-align:right;min-width:4.5ch;margin-right:-4px;padding:0 4px;font-size:20px;font-weight:600}.danger .timer-bar{animation:1s ease-in-out infinite pulse}.danger .timer-num{background:var(--fg);color:var(--bg)}@keyframes pulse{50%{transform:scaleY(1.6)}}.float{background:var(--fg);color:var(--bg);font-family:var(--mono);pointer-events:none;padding:0 4px;font-size:14px;font-weight:600;position:absolute;top:calc(100% + 8px);right:0}.stage{border-top:var(--line) solid var(--fg);margin-top:40px;padding-top:12px}.stage-labels{color:var(--muted);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.stage-labels .mono{color:var(--fg);font-size:14px;font-weight:600}.pair{letter-spacing:-.05em;text-align:center;margin:32px 0 16px;font-size:min(40vw,200px);font-weight:900;line-height:1}.pair.breathe{animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.015)}}.entry-block{margin-top:32px}.entry{display:flex}#input{border:var(--line) solid var(--fg);background:var(--bg);min-width:0;height:56px;color:var(--fg);font:inherit;border-right:0;outline:none;flex:1;padding:0 14px;font-size:22px;font-weight:700}#input::placeholder{color:var(--muted);font-weight:500}#submit{min-width:84px;min-height:56px}.feedback{min-height:1.5em;margin:10px 0 0;font-size:15px;font-weight:700}.feedback:empty:before{content:"Enter로 입력";color:var(--muted);font-weight:500}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}#chips{margin-top:24px}.chips li{border:var(--line) solid var(--fg);padding:5px 11px;font-weight:700;line-height:1.4}.chips.missed li{border-style:dashed;border-color:var(--muted);color:var(--muted)}.result-title{border-bottom:var(--line) solid var(--fg);flex-direction:column;align-items:center;gap:12px;margin:12px 0 0;padding-bottom:16px;line-height:1;display:flex}.r-pair{letter-spacing:-.05em;font-size:76px;font-weight:900}.score{font-size:22px;font-weight:700}.score .mono{margin-right:2px;font-size:44px;font-weight:600}.result-head .meta{justify-content:center;margin-top:12px}.actions{margin-top:32px;display:flex}.seg{border:var(--line) solid var(--fg);background:var(--bg);min-height:52px;color:var(--fg);font:inherit;cursor:pointer;touch-action:manipulation;flex:1;padding:0 10px;font-size:15px;font-weight:700}.seg+.seg{border-left:0}.seg.primary{background:var(--fg);color:var(--bg)}.group{border-top:var(--line) solid var(--fg);flex-direction:column;gap:14px;margin-top:40px;padding-top:16px;display:flex}.section-title{margin:0;font-size:14px;font-weight:800}.toast{background:var(--fg);color:var(--bg);opacity:0;pointer-events:none;margin:0;padding:8px 16px;font-size:15px;font-weight:700;transition:opacity .15s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.screen{text-align:center}.top,.chips,.meta{justify-content:center}.section-title,.feedback{text-align:center}.logo,.pair,.r-pair{padding-right:.05em}.credit a{display:inline-block}.credit{color:var(--muted);text-align:center;margin:72px 0 0;font-size:12px}@media (width>=900px){.page{flex-direction:column;width:min(100%,960px);min-height:100dvh;padding:36px 40px 48px;display:flex}.top{margin-bottom:0}.split{text-align:left;grid-template-columns:1fr 1fr;align-items:center;column-gap:64px;min-height:calc(100dvh - 200px);display:grid}.split>.wide{grid-column:1/-1;align-self:end}.hero,#game .stage{text-align:center}.logo{white-space:nowrap;font-size:min(16vw,200px)}.rules li{justify-content:flex-start}.rules b{min-width:52px}#game{width:min(100%,560px);margin:0 auto}#game .timer{margin-top:24px}.pair{font-size:200px}#result .chips,#result .meta,#result .section-title{text-align:left;justify-content:flex-start}.result-title{flex-direction:row;justify-content:space-between;align-items:flex-end}.r-pair{font-size:96px}.result-head .meta{justify-content:flex-start}#result .group:first-child{margin-top:0}.credit{margin-top:auto;padding-top:24px}}