:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0e13;--surface:#15161e;--surface-2:#1c1e29;--line:#282b39;--line-soft:#1f2230;--text:#e9eaf2;--text-dim:#9a9cad;--text-faint:#7d7f92;--accent:#6ea8fe;--accent-dim:#6ea8fe24;--mint:#4fd1b5;--gold:#ffc94d;--danger:#ff6b6b;--radius:14px;--radius-sm:9px;--font-ui:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-mono:"D2Coding", "Nanum Gothic Coding", "Noto Sans Mono CJK KR", "Apple SD Gothic Neo", "Malgun Gothic", monospace}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);font-family:var(--font-ui);background-color:var(--bg);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 420px at 12% -8%,#6ea8fe1a,#0000 62%),radial-gradient(760px 380px at 92% 6%,#4fd1b512,#0000 60%);background-attachment:fixed;margin:0}.app{max-width:1160px;margin:0 auto;padding:40px 24px 64px}.app-body{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:32px;display:grid}.app-body:not(:has(.cats)){grid-template-columns:minmax(0,1fr)}@media (width<=860px){.app-body{grid-template-columns:minmax(0,1fr);gap:20px}}.app-loading{text-align:center;color:var(--text-dim);padding:80px 0}.app-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:32px;padding-bottom:16px;display:flex}.app-header h1{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.app-header .sub{color:var(--text-faint);font-size:.8rem;font-weight:400}.meta{color:var(--text-dim);font-size:.88rem}.meta .cat{color:var(--text-faint)}.game{min-height:320px;position:relative}.statbar{gap:10px;margin-bottom:26px;display:flex}.statbar .stat{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-dim);font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;padding:9px 14px;font-size:.82rem;display:flex}.statbar b{color:var(--text);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.sentence-wrap{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface) 0%, #15161e99 100%);padding:30px 28px;position:relative;box-shadow:0 18px 40px -28px #000000e6}.sentence{font-family:var(--font-mono);word-break:keep-all;white-space:pre-wrap;-webkit-user-select:none;user-select:none;font-size:1.8rem;line-height:2.15}.ch.done{color:#656776}.ch.composing{color:var(--text);text-underline-offset:6px;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.ch.error{color:var(--danger);background:#ff6b6b29;border-radius:3px}.ch.pending{color:#cfd1de}.ch.cur-word{background:var(--accent-dim);border-radius:3px}.ch.error.cur-word{background:#ff6b6b29}.ch.space{position:relative}.ch.space:after{content:"·";color:#9696a059;pointer-events:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.ch.space.caret:after{color:var(--accent)}.ch.caret{box-shadow:inset 2px 0 0 var(--accent);animation:1s step-end infinite blink}@keyframes blink{50%{box-shadow:inset 2px 0 #0000}}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--text-dim);border-radius:var(--radius);cursor:pointer;background:#0d0e13c7;justify-content:center;align-items:center;font-size:1.02rem;display:flex;position:absolute;inset:0}.overlay.countdown{color:var(--accent);letter-spacing:-.04em;font-size:5.5rem;font-weight:800;animation:.7s ease-out countPulse}@keyframes countPulse{0%{opacity:.25;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.result{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:28px;padding:26px 28px;animation:.22s ease-out rise;box-shadow:0 20px 50px -32px #000000f2}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.result h2{letter-spacing:-.02em;color:var(--text);margin:0 0 18px;font-size:1.25rem}.result dl{flex-wrap:wrap;gap:34px;margin:0 0 22px;display:flex}.result dt{color:var(--text-faint);margin-bottom:5px;font-size:.78rem}.result dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:1.45rem;font-weight:700}.result-pb{color:var(--gold);background:#ffc94d21;border:1px solid #ffc94d52;border-radius:999px;margin-bottom:14px;padding:6px 12px;font-size:.85rem;font-weight:600;animation:.4s ease-out rise;display:inline-block}.result-race{flex-direction:column;gap:2px;margin-bottom:20px;display:flex}.result-race-row{border-radius:var(--radius-sm);color:var(--text-dim);font-variant-numeric:tabular-nums;grid-template-columns:2.4em 1fr auto auto;align-items:center;gap:12px;padding:8px 12px;font-size:.9rem;display:grid}.result-race-rank{color:var(--text-faint);font-weight:700}.result-race-you{background:var(--accent-dim);color:var(--accent);font-weight:600}.result-race-you .result-race-rank{color:var(--accent)}.buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;padding:10px 20px;font-family:inherit;font-size:.94rem;font-weight:600;transition:background .14s,border-color .14s,transform .14s}button:hover{background:#242736;border-color:#333747}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0d1522}.btn-primary:hover{background:#85b7ff;border-color:#85b7ff}.btn-quiet{color:var(--text-faint);background:0 0;border-color:#0000;font-weight:500}.btn-quiet:hover{background:var(--surface-2);color:var(--text-dim);border-color:#0000}.btn-quit-inline{margin-left:auto;padding:6px 12px;font-size:.82rem}.upload-note{color:var(--text-faint);margin-left:auto;font-size:.8rem}.ghost-caret{pointer-events:none;opacity:.8;border-left:2px solid;position:absolute}.ghost-name{white-space:nowrap;pointer-events:none;background:#0d0e13e6;border-radius:4px;padding:2px 5px;font-size:.68rem;font-weight:700;line-height:1;position:absolute;left:2px}.ghost-bot-badge{margin-right:3px;font-style:normal}.trend{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:30px 30px 26px;animation:.22s ease-out rise;box-shadow:0 20px 50px -32px #000000f2}.trend-head h2{letter-spacing:-.02em;margin:0 0 6px;font-size:1.35rem}.trend-sub{color:var(--text-dim);margin:0 0 24px;font-size:.88rem}.trend-empty{color:var(--text-dim);margin:0 0 24px}.trend-tiles{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px;display:grid}.tile{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:2px;padding:14px 16px;display:flex}.tile-label{color:var(--text-faint);font-size:.76rem}.tile-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;line-height:1.15}.tile-best{color:var(--gold)}.tile-unit{color:var(--text-faint);font-size:.72rem}.trend-growth{color:var(--text-dim);margin:0 0 6px;font-size:1rem}.trend-delta{color:var(--text-faint);margin:0 0 22px;font-size:.84rem}.trend-growth.up b,.trend-delta.up b{color:var(--mint)}.trend-growth.down b,.trend-delta.down b{color:var(--danger)}.trend-session{color:var(--accent)}.trend-session-box{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface-2);margin-bottom:24px;padding:14px 16px}.trend-session-stats{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:22px;margin-top:6px;font-size:.88rem;display:flex}.trend-session-stats b{color:var(--text);font-size:1.05rem;font-weight:700}.trend-course-done{border-radius:var(--radius-sm);color:var(--mint);background:#4fd1b51a;border:1px solid #4fd1b54d;margin:0 0 18px;padding:12px 16px;font-size:.92rem;font-weight:600}.btn-nav{border:1px solid var(--line-soft);padding:6px 12px;font-size:.82rem}.trend-chart-wrap{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface-2);margin-bottom:24px;padding:16px 14px 8px}.trend-chart-title{color:var(--text-faint);margin:0 0 4px 6px;font-size:.76rem;display:block}.trend-chart{width:100%;height:auto;display:block}.trend-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.trend-dot{fill:var(--accent)}.trend-dot-last{fill:var(--gold)}.trend-gridline{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 4}.trend-axis{fill:var(--text-faint);font-size:11px;font-family:var(--font-ui)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#08090db8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(440px,100%);padding:26px 28px;animation:.2s ease-out rise;box-shadow:0 30px 70px -20px #000c}.modal h3{letter-spacing:-.02em;margin:0 0 10px;font-size:1.12rem}.modal-body{color:var(--text-dim);margin:0 0 20px;font-size:.9rem;line-height:1.6}.modal-body b{color:var(--text)}.modal-label{color:var(--text-dim);margin-bottom:20px;font-size:.82rem;display:block}.modal-hint{color:var(--text-faint)}.modal-input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);margin-top:8px;padding:10px 12px;font-family:inherit;font-size:.95rem;display:block}.modal-input:focus{border-color:var(--accent);outline:none}.cats{position:sticky;top:24px}.cats-head{flex-direction:column;gap:2px;padding:0 10px 10px;display:flex}.cats-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:.72rem;font-weight:700}.cats-total{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.78rem}.cats-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.cat-item{border-radius:var(--radius-sm);width:100%;color:var(--text-dim);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-family:inherit;font-size:.9rem;transition:background .12s,color .12s,border-color .12s;display:flex}.cat-item:hover{background:var(--surface);color:var(--text)}.cat-item.is-current{background:var(--surface-2);border-color:var(--line);color:var(--text);font-weight:600}.cat-item.is-empty{color:var(--text-faint)}.cat-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cat-count{background:var(--surface-2);min-width:22px;color:var(--text-dim);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:.72rem}.cat-item.is-current .cat-count{background:var(--accent);color:#0d0e13;font-weight:700}.cat-item.is-empty .cat-count{color:var(--text-faint);background:0 0;font-size:.68rem}@media (width<=860px){.cats{position:static}.cats-head{flex-direction:row;justify-content:space-between;align-items:baseline;padding:0 0 8px}.cats-list{flex-direction:row;padding-bottom:4px;overflow-x:auto}.cat-item{flex-shrink:0;width:auto}}.srcnote{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface);flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:18px;padding:10px 14px;font-size:.8rem;display:flex}.srcnote-label{background:var(--surface-2);color:var(--text-faint);letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:.68rem;font-weight:700}.srcnote-link{color:var(--text-dim);border-bottom:1px solid #0000;font-weight:500;text-decoration:none}.srcnote-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.srcnote-ext{opacity:.6;font-size:.72rem}.srcnote-meta{color:var(--text-faint);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:.74rem}.intro{text-align:left;max-width:460px;padding:0 24px}.intro-lead{color:var(--text);letter-spacing:-.01em;margin:0 0 12px;font-size:1.06rem;font-weight:600}.intro-points{color:var(--text-dim);flex-direction:column;gap:6px;margin:0 0 16px;padding-left:18px;font-size:.88rem;line-height:1.5;display:flex}.intro-points li::marker{color:var(--accent)}.intro-start{border-top:1px solid var(--line-soft);color:var(--text-faint);margin:0;padding-top:12px;font-size:.9rem}.chip{border:1px solid var(--line);background:var(--surface);color:var(--text-dim);font-variant-numeric:tabular-nums;vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 9px;font-size:.76rem;display:inline-block}.chip-streak{color:var(--gold);background:#ffc94d1a;border-color:#ffc94d4d;font-weight:600}.chip-done{color:var(--mint);background:#4fd1b51a;border-color:#4fd1b552;font-weight:600}.result-note{color:var(--text-faint);font-variant-numeric:tabular-nums;margin-top:4px;font-size:.76rem;display:block}.race-note{color:var(--text-faint);font-size:.7rem;font-weight:400;display:block}.result-source{border-left:2px solid var(--line);color:var(--text-faint);margin:0 0 18px;padding:10px 14px;font-size:.82rem}.result-source a{color:var(--text-dim);border-bottom:1px solid #0000;text-decoration:none}.result-source a:hover{color:var(--accent);border-bottom-color:var(--accent)}.result-source-outlet{opacity:.7;margin-left:8px}.tile-streak{color:var(--gold)}.trend-read{margin-bottom:18px}.trend-read-list{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.trend-read-list li{border-bottom:1px solid var(--line-soft);align-items:baseline;gap:10px;padding-bottom:8px;font-size:.86rem;display:flex}.trend-read-list li:last-child{border-bottom:none}.trend-read-list a{color:var(--text-dim);border-bottom:1px solid #0000;text-decoration:none}.trend-read-list a:hover{color:var(--accent);border-bottom-color:var(--accent)}.trend-read-meta{color:var(--text-faint);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;font-size:.74rem}.sentence.with-ruby{line-height:2.9}.with-ruby .ch{position:relative}.ch-ruby{color:var(--accent);pointer-events:none;opacity:.9;font-size:.52em;line-height:1;position:absolute;top:-.95em;left:50%;transform:translate(-50%)}.with-ruby .ch.done .ch-ruby{opacity:.22}.with-ruby .ch.error .ch-ruby{color:var(--danger);opacity:1}.mgame{flex-direction:column;gap:18px;min-height:60vh;display:flex;position:relative}.mgame-bar{color:var(--text-dim);justify-content:space-between;gap:10px;font-size:.85rem;display:flex}.mgame-stat b{color:var(--text);font-variant-numeric:tabular-nums}.mgame .sentence{font-size:1.45rem}.mgame-field{position:relative}.mgame-input{opacity:0;-webkit-user-select:text;caret-color:#0000;background:0 0;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.mgame-hint{color:var(--text-dim);text-align:center;margin:0;font-size:.9rem}.mgame-hint b,.mgame-hint-tap{color:var(--accent)}.mgame-quit,.mgame-buttons button{min-height:44px;padding:0 18px}.mgame-quit{align-self:center;margin-top:auto}.mgame-done-title{text-align:center;margin:0;font-size:1.1rem}.mgame-result{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);justify-content:space-around;gap:12px;padding:20px 12px;display:flex}.mgame-result-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.mgame-result-cell b{font-variant-numeric:tabular-nums;font-size:1.5rem}.mgame-result-cell span{color:var(--text-dim);font-size:.78rem}.mgame-note{color:var(--text-dim);text-align:center;margin:0;font-size:.85rem}.mgame-source{flex-direction:column;gap:4px;margin:0;font-size:.88rem;display:flex}.mgame-source span{color:var(--text-faint);font-size:.8rem}.mgame-buttons{flex-wrap:wrap;gap:10px;display:flex}.mgame-buttons .btn-primary{flex:100%}.mgame-buttons button:not(.btn-primary){flex:1 1 0}.mobile-note{color:var(--text-faint);margin:8px 0 0;font-size:.8rem;line-height:1.5;display:block}.app-footer{border-top:1px solid var(--line-soft);color:var(--text-faint);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:48px;padding-top:20px;font-size:.82rem;display:flex}.foot-link{white-space:nowrap;font:inherit;color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}.foot-link:hover{color:var(--text);text-decoration:underline}.foot-sep{opacity:.4}.foot-note{flex-basis:100%;margin:6px 0 0;line-height:1.6}.foot-note b{color:var(--text-dim);font-weight:600}.modal-textarea{resize:vertical;width:100%;min-height:120px;font-family:inherit;line-height:1.6}.modal-meta{color:var(--text-faint);justify-content:space-between;align-items:baseline;gap:10px;margin-top:6px;font-size:.78rem;display:flex}.modal-error{color:var(--danger)}.modal-count{font-variant-numeric:tabular-nums;margin-left:auto}.legal-home{color:inherit;text-decoration:none}.legal{max-width:860px}.legal-body{color:var(--text-dim);padding-bottom:60px;line-height:1.8}.legal-body h2{color:var(--text);margin:0 0 4px;font-size:1.5rem}.legal-body h3{color:var(--text);margin:32px 0 8px;font-size:1rem}.legal-body b{color:var(--text);font-weight:600}.legal-date{color:var(--text-faint);margin:0 0 8px;font-size:.82rem}.legal-callout{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface);padding:16px 18px}.legal-list{margin:0;padding-left:20px}.legal-list li{margin-bottom:10px}.legal-back{border-top:1px solid var(--line-soft);margin-top:48px;padding-top:20px}.legal-back a{color:var(--accent);text-decoration:none}.btn-share{border:1px solid var(--line);color:var(--text-dim);background:0 0}.btn-share:hover{color:var(--text);border-color:var(--accent)}@media (width<=860px){.app-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px}.app-header h1{white-space:nowrap;flex:auto}.btn-nav{flex:none;order:0}.meta{flex-basis:100%;order:1;line-height:1.6}.app-footer{gap:6px;margin-top:28px;padding-top:14px;font-size:.76rem}.foot-note{margin-top:4px}}.foot-mail-addr{color:var(--text-dim);border-bottom:1px dotted var(--line)}.foot-link:hover .foot-mail-addr{color:var(--text);border-bottom-color:var(--accent)}.foot-copied{color:var(--mint)}