*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#2b323c;--bg-panel:#373e4c;--bg-input:#232831;--bg-header:#20252d;--border-color:#4b5565;--border-focus:#94a3b8;--text-main:#f1f5f9;--text-muted:#cbd5e1;--text-dark:#94a3b8;--accent-silver:#e2e8f0;--accent-gradient-start:#cbd5e1;--accent-gradient-end:#94a3b8;--color-danger:#f87171;--color-success:#34d399;--font-sans:"Outfit", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-lg:12px;--radius-md:8px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--shadow:0 4px 20px #00000040}html,body{height:100dvh;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);flex-direction:column;height:100%;line-height:1.6;display:flex}.mobile-only{display:none!important}.desktop-only{display:inline!important}#app{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.app-header{background-color:var(--bg-header);border-bottom:1px solid var(--border-color);flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 2rem;display:flex;box-shadow:0 2px 10px #00000026}.header-left{flex-direction:column;gap:6px;display:flex}.header-logo{align-items:center;gap:.5rem;display:flex}.logo-text{letter-spacing:-.5px;background:linear-gradient(135deg, var(--accent-gradient-start), var(--accent-gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700;line-height:1.1}.header-desc{color:var(--text-muted);font-size:.9rem;font-weight:300;line-height:1.1}.header-right{flex-shrink:0;align-items:center;display:flex}.header-email{color:var(--text-muted);transition:var(--transition);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#ffffff05;align-items:center;padding:.4rem .8rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.header-email:hover{color:var(--text-main);border-color:var(--border-focus);background-color:#ffffff0d;box-shadow:0 0 10px #ffffff0d}.app-container{flex:1;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;max-width:1600px;min-height:0;margin:0 auto;padding:1.5rem;display:grid;overflow:hidden}.panel{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0;height:100%;min-height:0;transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.panel:hover{border-color:#57657a}.panel-header{border-bottom:1px solid var(--border-color);background-color:#0000001a;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.panel-title{color:var(--accent-silver);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:600;display:flex}.panel-body{flex-direction:column;flex:1;padding:1.25rem;display:flex;position:relative;overflow:hidden}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid #0000;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-gradient-start), var(--accent-gradient-end));color:#1a202c;font-weight:600}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 0 10px #ffffff1a}.btn-secondary{background-color:var(--bg-input);border-color:var(--border-color);color:var(--text-main)}.btn-secondary:hover{border-color:var(--border-focus);background-color:#ffffff0d}.btn-danger{color:var(--color-danger);background-color:#0000;border-color:#f8717166}.btn-danger:hover{border-color:var(--color-danger);background-color:#f871711a}.editor-container{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-input);flex:1;font-family:Courier New,Courier,monospace;display:flex;position:relative;overflow:hidden}#input-textarea{resize:none;color:var(--text-main);white-space:pre;background:0 0;border:none;outline:none;flex:1;padding:1rem;font-family:inherit;font-size:.9rem;line-height:1.5rem;overflow-y:auto}#input-textarea::placeholder{color:var(--text-dark);opacity:.7}.error-console{color:var(--color-danger);border-radius:var(--radius-md);max-height:100px;transition:var(--transition);background-color:#f871711a;border:1px solid #f871714d;margin-top:.75rem;padding:.75rem;font-size:.85rem;overflow-y:auto}.error-console.hidden{display:none}.stats-summary-bar{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#00000026;justify-content:space-around;align-items:center;margin-bottom:1rem;padding:.55rem 1rem;display:flex;box-shadow:inset 0 1px 3px #0003}.summary-item{align-items:center;gap:.6rem;display:flex}.summary-label{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.summary-value{color:var(--accent-silver);font-size:.95rem;font-weight:700}.summary-divider{background-color:var(--border-color);opacity:.7;width:1px;height:14px}.table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-input);flex:1;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}thead{background-color:var(--bg-header);z-index:10;position:sticky;top:0}th{color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;font-size:.8rem;font-weight:600}td{color:var(--text-main);vertical-align:middle;word-break:break-all;overflow-wrap:break-word;border-bottom:1px solid #ffffff0d;padding:.75rem 1rem}tr:hover td{background-color:#ffffff05}.empty-state{text-align:center;color:var(--text-dark);padding:3rem 1rem;font-style:italic}.rank-badge{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:inline-flex}.rank-1{color:#1a202c;background:linear-gradient(135deg,gold,orange);box-shadow:0 0 8px #ffd70066}.rank-2{color:#1a202c;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 0 8px #e2e8f066}.rank-3{color:#fff;background:linear-gradient(135deg,#cd7f32,sienna);box-shadow:0 0 8px #cd7f3266}.rank-other{color:var(--text-muted);border:1px solid var(--border-color)}.percentile-container{align-items:center;gap:.75rem;display:flex}.percentile-bar-outer{background-color:#ffffff1a;border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.percentile-bar-inner{background:linear-gradient(90deg, var(--accent-gradient-start), var(--accent-gradient-end));border-radius:4px;height:100%;transition:width .3s ease-out}.percentile-text{color:var(--text-muted);text-align:right;min-width:45px;font-size:.8rem;font-weight:500}.row-top-rank{background-color:#ffffff03}.app-footer{background-color:var(--bg-header);border-top:1px solid var(--border-color);text-align:center;color:var(--text-dark);flex-shrink:0;padding:.75rem 2rem;font-size:.8rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-input)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.mobile-tabs-container{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);box-shadow:var(--shadow);background:#373e4c99;border:1px solid #ffffff14;gap:.5rem;margin-bottom:1rem;padding:.35rem;display:none}.tab-btn{color:var(--text-dark);font-family:var(--font-sans);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:var(--transition);text-align:center;background:0 0;border:none;outline:none;flex:1;padding:.6rem 1rem;font-size:.9rem;font-weight:600;position:relative}.tab-btn:hover{color:var(--text-muted)}.tab-btn.active{color:var(--text-main);background:linear-gradient(135deg,#ffffff1a,#ffffff08);border:1px solid #ffffff26;box-shadow:0 4px 12px #00000026,0 0 10px #94a3b826}.double-range-slider input[type=range]::-webkit-slider-thumb:active{box-shadow:0 0 12px #e2e8f0cc;background-color:#e0f2fe!important}.double-range-slider input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 12px #e2e8f0cc;background-color:#e0f2fe!important}.double-range-slider input[type=range]::-moz-range-thumb:active{box-shadow:0 0 12px #e2e8f0cc;background-color:#e0f2fe!important}.double-range-slider input[type=range]::-moz-range-thumb:hover{box-shadow:0 0 12px #e2e8f0cc;background-color:#e0f2fe!important}.btn-primary:hover{box-shadow:0 0 12px #cbd5e166}.copy-control-bar{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:#00000026;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.4rem .75rem;display:flex;box-shadow:inset 0 1px 3px #0003}.bar-group{align-items:center;gap:.5rem;display:flex}.range-group{flex:1}.double-range-slider-wrapper{flex:1;align-items:center;min-width:80px;margin:0 .5rem;display:flex;position:relative}.bar-label{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:.75rem;font-weight:600}.range-text-display{color:var(--text-muted);white-space:nowrap;text-align:right;min-width:55px;font-size:.8rem}.range-text-display strong{color:var(--accent-silver)}.bar-divider{background-color:var(--border-color);opacity:.5;width:1px;height:16px}.copy-type-selector{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1px;display:flex;overflow:hidden}.copy-type-selector input[type=radio]{display:none}.copy-type-selector label{border-radius:calc(var(--radius-md) - 1px);cursor:pointer;color:var(--text-dark);transition:var(--transition);-webkit-user-select:none;user-select:none;text-align:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.copy-type-selector input[type=radio]:checked+label{background-color:var(--bg-panel);color:var(--accent-silver);box-shadow:0 1px 3px #00000026}.btn-copy-action{white-space:nowrap;height:28px;padding:0 .75rem;font-size:.75rem;font-weight:600}.double-range-slider{align-items:center;width:100%;height:20px;display:flex;position:relative}.double-range-slider .slider-track{z-index:1;background:#ffffff1a;border-radius:3px;width:100%;height:6px;position:absolute}.double-range-slider input[type=range]{pointer-events:none;appearance:none;z-index:2;background:0 0;width:100%;height:6px;margin:0;position:absolute}.double-range-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-silver);border:2px solid var(--bg-panel);cursor:pointer;pointer-events:auto;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 1px 4px #00000080}.double-range-slider input[type=range]::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.2)}.double-range-slider input[type=range]::-moz-range-thumb{background:var(--accent-silver);border:2px solid var(--bg-panel);cursor:pointer;pointer-events:auto;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 1px 4px #00000080}.double-range-slider input[type=range]::-moz-range-thumb:hover{background:#fff;transform:scale(1.2)}.capture-target-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow);background-color:var(--bg-main)!important;color:var(--text-main)!important;width:550px!important;font-family:var(--font-sans)!important;padding:1.5rem!important}.capture-target-container h3{background:linear-gradient(135deg, var(--accent-gradient-start), var(--accent-gradient-end));-webkit-text-fill-color:transparent;border-bottom:1px solid var(--border-color);-webkit-background-clip:text;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:700}.capture-target-container table{background-color:var(--bg-input)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;border-collapse:collapse!important;width:100%!important}.capture-target-container th,.capture-target-container td{padding:.6rem .8rem!important}.capture-target-container .percentile-bar-outer{flex:none!important;width:120px!important}.player-header-wrapper{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.header-label{white-space:nowrap;flex-shrink:0}.player-header-wrapper:has(.search-container.active) .header-label{display:none}.search-container{align-items:center;transition:flex .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.search-container.active{flex:1}.search-input{opacity:0;background-color:var(--bg-input);width:0;color:var(--text-main);border-radius:var(--radius-md);border:none;outline:none;padding:0;font-size:.75rem;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .2s,padding .3s}.search-container.active .search-input{opacity:1;border:1px solid var(--border-color);flex:1;width:100%;margin-right:.25rem;padding:.25rem .5rem}.btn-search-toggle{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.btn-search-toggle:hover{color:var(--accent-silver);background-color:#ffffff1a}.search-container.active .btn-search-toggle{color:var(--border-focus)}@media (width<=768px){html,body{height:100dvh;overflow:hidden}#app{height:100%;overflow:hidden}.app-header{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1rem}.header-left{gap:4px}.logo-text{font-size:1.2rem}.header-desc{font-size:.75rem}.header-email{padding:.25rem .5rem;font-size:.7rem}.mobile-tabs-container{margin-bottom:.5rem;padding:.2rem;display:flex}.tab-btn{padding:.3rem .5rem;font-size:.8rem}.app-container{flex-direction:column;flex:1;grid-template-columns:1fr;gap:.5rem;min-height:0;padding:.75rem;display:flex;overflow:hidden}.panel-header{flex-direction:row;justify-content:space-between;align-items:center;gap:.4rem;padding:.4rem .6rem}.panel-title{font-size:.95rem}.panel-actions{justify-content:flex-end;gap:.4rem;width:auto;display:flex}.panel-actions .btn{padding:.3rem .6rem;font-size:.75rem}.panel-body{padding:.6rem}.panel{flex:1;height:auto;min-height:0;display:none}.panel.active{animation:.3s ease-out fadeInTab;display:flex}.stats-summary-bar{justify-content:space-around;align-items:center;gap:.2rem;margin-bottom:.5rem;padding:.35rem .5rem;display:flex}.summary-item{justify-content:center;gap:.3rem}.summary-label{font-size:.7rem}.summary-value{font-size:.8rem}.summary-divider{display:none}.copy-control-bar{grid-template-columns:1fr auto;grid-template-areas:"range range""type button";gap:.4rem;margin-bottom:.75rem;padding:.4rem;display:grid}.range-group{grid-area:range;width:100%}.double-range-slider-wrapper{margin:0 .25rem}.bar-divider{display:none}.type-group{grid-area:type;justify-content:flex-start}.btn-copy-action{grid-area:button;height:28px;padding:0 .75rem}th,td{padding:.4rem .3rem;font-size:.75rem}.rank-badge{width:18px;height:18px;font-size:.7rem}.search-input{font-size:16px}.percentile-bar-outer{display:none!important}.percentile-text{text-align:left;min-width:unset}@keyframes fadeInTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.desktop-only{display:none!important}.mobile-only{display:inline!important}#rank-table th:first-child{width:15%!important}#rank-table th:nth-child(2){width:45%!important}#rank-table th:nth-child(3),#rank-table th:nth-child(4){width:20%!important}#input-textarea{font-size:16px}}