:root{--bg:#0f1115;--panel:#181b22;--panel-2:#1f232c;--border:#2a2f3a;--text:#e7eaf0;--muted:#9aa3b2;--accent:#5b8cff;--hot:#ff5a5f;--warm:#ffb454;--cool:#4caf72}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:620px;margin:0 auto;padding:24px 16px calc(80px + var(--kb, 0px))}header.top{position:relative;text-align:center;margin-bottom:18px}.stats-open{position:absolute;top:0;right:0;width:38px;height:38px;font-size:18px;line-height:1;background:var(--panel);border:1px solid var(--border);border-radius:10px;cursor:pointer}.stats-open:active{transform:translateY(1px)}header.top h1{font-size:28px;margin:0 0 4px;letter-spacing:-.5px}header.top .sub{color:var(--muted);font-size:13px}header.top .visitors{margin-top:6px;font-size:12px;color:var(--muted)}.reset-info{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:5px 12px;font-size:13px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:999px}.reset-info b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent);letter-spacing:.5px}.reset-info .reset-note{font-size:11px;color:var(--muted);padding-left:8px;border-left:1px solid var(--border)}.input-area{position:relative;display:flex;gap:8px;margin-bottom:8px}.input-area input{flex:1 1;padding:13px 14px;font-size:16px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);outline:none}.input-area input:focus{border-color:var(--accent)}.input-area button{padding:0 18px;font-size:15px;font-weight:600;border-radius:10px;border:none;background:var(--accent);color:white;cursor:pointer}.input-area button:disabled{opacity:.5;cursor:default}.suggest{position:absolute;top:52px;left:0;right:0;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;max-height:min(44vh,calc(var(--vvh, 100vh) - 76px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:10}.suggest .item{padding:10px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;border-left:3px solid transparent;transition:background .08s,border-color .08s}.suggest .item.active{background:rgba(91,140,255,.18);border-left-color:var(--accent)}.suggest .item.active .ko{color:var(--text);font-weight:600}.suggest .item .ko{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest .item .en{flex:0 8 auto;display:flex;align-items:baseline;gap:6px;min-width:0;color:var(--muted);font-size:12px}.suggest .item .en-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest .item .yr{flex:none;opacity:.8}.hint{color:var(--muted);font-size:12px;margin:4px 2px 16px}.site-footer{margin-top:28px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px}.site-footer a{color:var(--muted);font-size:13px;text-decoration:none;transition:color .1s}.site-footer a:hover{color:var(--accent)}.site-footer .credit{color:var(--muted);font-size:12px}.hints{margin:0 0 16px;display:flex;flex-direction:column;gap:6px}.hint-item{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.hint-label{flex-shrink:0;font-size:11px;color:var(--muted);min-width:92px}.hint-value{font-weight:600;font-size:14px;letter-spacing:1px}.hint-btn{align-self:flex-start;background:none;border:1px solid var(--accent);color:var(--accent);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.hint-btn:disabled{opacity:.5;cursor:default}.error{color:var(--hot);font-size:13px;margin:4px 2px}.banner{background:linear-gradient(135deg,#1f3a2a,#1c2b22);border:1px solid var(--cool);border-radius:12px;padding:16px;text-align:center;margin-bottom:16px}.banner b{font-size:18px}.banner-title{font-size:17px;font-weight:700;text-align:center}.banner-answer{margin-top:6px;font-size:15px}.banner-answer b{font-size:17px}.banner-sub{margin-top:6px;font-size:13px;color:var(--muted)}.answer-card{margin-top:14px;padding:14px;text-align:left;background:rgba(15,17,21,.45);border:1px solid var(--border);border-radius:10px}.answer-head{display:flex;align-items:center;gap:12px}.answer-img{display:block;width:92px;height:auto;max-height:120px;object-fit:contain;flex-shrink:0;border-radius:8px;border:1px solid var(--border)}.answer-title{min-width:0}.answer-en{font-size:14px;font-weight:600;color:var(--text);word-break:break-word}.answer-type{margin-top:3px;font-size:12px;color:var(--muted)}.answer-link-text{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none}.answer-link-text:hover{text-decoration:underline}.answer-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px 14px;gap:6px 14px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--border)}.answer-spec{display:flex;gap:8px;font-size:13px;line-height:1.5}.answer-spec.wide{grid-column:1/-1}.answer-spec dt{flex-shrink:0;min-width:62px;color:var(--muted)}.answer-spec dd{margin:0;color:var(--text);word-break:break-word}.answer-tags{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.answer-tag-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.answer-tag-label{flex-shrink:0;min-width:54px;font-size:11px;color:var(--muted)}.answer-tags .tag{padding:3px 9px;font-size:12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--text)}@media (max-width:420px){.answer-specs{grid-template-columns:1fr}}.pct{margin-top:14px;padding:14px;text-align:left;background:rgba(15,17,21,.45);border:1px solid var(--border);border-radius:10px}.pct-head{text-align:center;font-size:13px;color:var(--muted)}.pct-head b{display:block;margin-top:2px;font-size:30px;font-weight:800;color:var(--warm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-1px}.pct-bar{position:relative;height:10px;margin:10px 0 8px;border-radius:5px;background:var(--panel-2);overflow:hidden}.pct-fill{display:block;height:100%;min-width:3px;border-radius:5px;background:linear-gradient(90deg,var(--warm),var(--accent));transition:width .5s ease}.pct-marker{position:absolute;top:-2px;width:2px;height:14px;margin-left:-1px;background:var(--text);transition:left .5s ease}.pct-note{font-size:12px;color:var(--muted);text-align:center}.pct-note b{font-size:12px;color:var(--text)}.pct-pending{text-align:center;font-size:13px}.pct-pending .pct-note{margin-top:4px}.pct-dist{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.rank-section{margin-top:14px;text-align:left}.rank-toggle{width:100%;padding:10px 12px;font-size:13px;font-weight:600;color:var(--text);background:rgba(15,17,21,.45);border:1px solid var(--border);border-radius:10px;cursor:pointer}.rank-toggle:hover{border-color:var(--accent)}.rank-summary{font-size:12px;color:var(--muted);margin:10px 2px 8px}.rank-list{max-height:60vh;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:10px;background:rgba(15,17,21,.45);padding:6px}.rank-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:7px 8px;border-radius:8px;border:1px solid transparent;font-size:13px}.rank-row+.rank-row{margin-top:2px}.rank-row.answer{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#15251c;border-color:var(--cool)}.rank-row.mine{background:rgba(91,140,255,.1);border-color:var(--accent)}.rank-no{color:var(--muted);font-size:12px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rank-name{font-weight:600;min-width:0;overflow-wrap:anywhere}.rank-score{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted)}.rank-badge{display:inline-block;font-size:10px;font-weight:700;color:var(--accent);background:rgba(91,140,255,.12);border:1px solid var(--accent);border-radius:999px;padding:1px 7px;margin-left:6px;vertical-align:middle;white-space:nowrap}.rank-badge.is-answer{color:var(--cool);background:rgba(76,175,114,.12);border-color:var(--cool)}.rank-more{width:100%;margin-top:8px;padding:9px 12px;font-size:12px;font-weight:600;color:var(--muted);background:transparent;border:1px dashed var(--border);border-radius:10px;cursor:pointer}.rank-more:hover{color:var(--text);border-color:var(--accent)}.rank-more:disabled{opacity:.5;cursor:default}.share-btn{margin-top:14px;padding:10px 22px;font-size:15px;font-weight:700;border-radius:10px;border:none;background:var(--cool);color:#fff;cursor:pointer}.share-btn:active{transform:translateY(1px)}.banner-actions{margin-top:14px;display:flex;gap:8px;justify-content:center}.banner-actions .share-btn{margin-top:0}.stats-btn{padding:10px 18px;font-size:15px;font-weight:700;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}.stats-btn:active{transform:translateY(1px)}.share-msg{margin-top:10px;font-size:13px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;height:var(--vvh,100dvh);background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));z-index:100;overscroll-behavior:contain;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:420px;max-height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:0 18px 18px;animation:popIn .18s ease}@keyframes popIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-head{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:16px 0 10px;margin-bottom:14px;background:var(--panel);border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:18px}.modal-close{width:38px;height:38px;flex:none;background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;border-radius:8px}.modal-close:active,.modal-close:hover{background:var(--panel-2);color:var(--text)}.stats-empty{text-align:center;color:var(--text);font-weight:600;padding:20px 8px}.stats-empty span{display:block;margin-top:8px;color:var(--muted);font-size:13px;font-weight:400}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:18px}.stat-cell{text-align:center}.stat-num{font-size:24px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.5px}.stat-lbl{font-size:11px;color:var(--muted);margin-top:2px}.stat-grid-2{margin-top:-6px;padding-top:14px;border-top:1px solid var(--border)}.stat-grid-2 .stat-num{font-size:20px}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.today-stats{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.today-stats .stat-num{font-size:20px}.today-stats .dist{margin-top:14px}.today-empty{text-align:center;padding:10px 0 4px}.dist-title,.today-empty{font-size:13px;color:var(--muted)}.dist-title{margin-bottom:8px}.dist-note{color:var(--muted);font-weight:400}.dist-row{display:grid;grid-template-columns:40px 1fr;align-items:center;grid-gap:8px;gap:8px;margin-bottom:5px}.dist-lbl{font-size:12px;color:var(--muted);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dist-bar{height:20px}.dist-fill{display:flex;align-items:center;justify-content:flex-end;height:100%;min-width:0;padding:0 7px;border-radius:5px;background:var(--accent);transition:width .4s ease}.dist-fill.hi{background:var(--cool)}.dist-fill:empty{padding:0}.dist-fill em{font-style:normal;font-size:11px;font-weight:700;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.backup{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.backup-toggle{width:100%;padding:8px;background:none;border:none;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer;border-radius:6px}.backup-toggle:hover{background:var(--panel-2);color:var(--text)}.backup-panel{margin-top:10px}.backup-hint{margin:0 0 8px;font-size:12px;line-height:1.5;color:var(--muted)}.backup-text{width:100%;height:64px;resize:vertical;padding:8px;font-size:11px;font-family:ui-monospace,monospace;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;box-sizing:border-box}.backup-text:focus{border-color:var(--accent);outline:none}.backup-actions{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.backup-actions button{padding:7px 12px;font-size:12px;font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;cursor:pointer}.backup-actions button:hover{border-color:var(--accent)}.backup-msg{font-size:12px;color:var(--cool);font-weight:600}.row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:10px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--border);margin-bottom:6px}.pinned{margin-bottom:14px}.pinned-label{font-size:11px;font-weight:700;color:var(--accent);margin:0 2px 5px}.pinned:after{content:"";display:block;border-bottom:1px dashed var(--border);margin-top:14px}.row.top{border-color:var(--warm)}.row.latest{border-color:var(--accent);animation:flashPulse .8s ease}.row.win{border-color:var(--cool);background:#15251c}@keyframes flashPulse{0%{box-shadow:0 0 0 0 rgba(91,140,255,.55)}to{box-shadow:0 0 0 7px rgba(91,140,255,0)}}.row .name .badge{display:inline-block;font-size:10px;font-weight:700;color:var(--warm);background:rgba(255,180,84,.12);border:1px solid var(--warm);border-radius:999px;padding:1px 7px;margin-left:6px;vertical-align:middle}.row .name .badge.series{color:var(--accent);background:rgba(91,140,255,.12);border-color:var(--accent)}.row .seq{color:var(--muted);font-size:12px;text-align:right}.row .name{font-weight:600}.row .name .meta{color:var(--muted);font-weight:400;font-size:12px;margin-left:6px}.row .score{text-align:right;min-width:96px}.row .score .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.row .score .rank{font-size:11px;color:var(--muted)}.bar{grid-column:1/-1;height:6px;background:var(--panel-2);overflow:hidden;margin-top:8px}.bar,.bar>span{border-radius:4px}.bar>span{display:block;height:100%;transform-origin:left;animation:growBar .5s ease}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.empty{text-align:center;color:var(--text);background:var(--panel);border:1px dashed var(--border);border-radius:12px;padding:28px 18px;font-size:15px;font-weight:600}.empty span{display:block;margin-top:8px;font-weight:400;line-height:1.6}.empty span,.seo-info{color:var(--muted);font-size:13px}.seo-info{max-width:620px;margin:40px auto 0;padding:20px 16px 60px;border-top:1px solid var(--border);line-height:1.7}.seo-info h2{font-size:16px}.seo-info h2,.seo-info h3{color:var(--text);margin:20px 0 8px}.seo-info h3{font-size:14px}.seo-info dt{color:var(--text);font-weight:600;margin-top:10px}.seo-info dd{margin:2px 0 0}.footer-actions{text-align:center;margin-top:20px}.footer-actions button{background:none;border:1px solid var(--border);color:var(--muted);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px}