@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";
@font-face{font-family:JetBrains Mono;src:url(/JetBrainsMono.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-color:#ffffffde;--background-color:#242424;--link-color:#fafafa;--link-hover:#ccc;--btn-color:#1a1a1a;--card-color:#333;--border-color:#666;--mirror-color:#303030;--modal-backdrop-color:#00000080;--success-color:#10b981;--failed-color:#ef4444;--syncing-color:linear-gradient(90deg,#3b82f6 0%,#60a5fa 50%,#3b82f6 100%);--unknown-color:#6b7280;--modal-content-color:#333;--modal-shadow:#00000080;--footer-background-color:#0003;--footer-link-color:#60a5fa;--footer-link-hover:#93c5fd;--footer-title-color:#ffffffb3;--disabled-color:#ffffff80;--accent-color:#ffffffe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--font-color:#213547;--background-color:#fff;--link-color:#222;--link-hover:#5c5c5c;--btn-color:#f9f9f9;--card-color:#f6f6f6;--border-color:#bbb;--mirror-color:#ddd;--modal-backdrop-color:#0000004d;--modal-content-color:#fff;--modal-shadow:#00000026;--footer-background-color:#00000005;--footer-link-color:#2563eb;--footer-link-hover:#1d4ed8;--footer-title-color:#000000b3;--disabled-color:#00000080;--accent-color:#000000e6}}:root{color:var(--font-color);background-color:var(--background-color)}a{color:var(--link-color);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500;transition-duration:.3s}a :hover{color:var(--link-hover);transition-duration:.3s}body{justify-content:center;width:100%;min-width:320px;min-height:100vh;margin:0;display:flex}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}h1{font-size:3.2em;line-height:1.1}@media (max-width:768px){h1{font-size:2.5em}}@media (max-width:560px){h1{font-size:2em}}button{background-color:var(--btn-color);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button :hover{border-color:#646cff}button :focus,button :focus-visible{outline:4px auto -webkit-focus-ring-color}pre,code{font-family:JetBrains Mono,monospace}#root{text-align:center;width:100%;max-width:1280px}.main{box-sizing:border-box;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@media (max-width:1024px){.main{padding:0 1.5rem}}@media (max-width:768px){.main{padding:0 1rem}}@media (max-width:560px){.main{padding:0 .75rem}}.header{align-items:center;margin:0 1rem;padding:.5rem 0;display:flex}@media (max-width:768px){.header{margin:0 .5rem}}@media (max-width:560px){.header{margin:0 .25rem;padding:.25rem 0}}.header--left{align-items:center;display:flex}.logo{width:50px;height:50px}@media (max-width:560px){.logo{width:40px;height:40px}}.title{margin:.75rem 1rem;font-size:1.5rem}@media (max-width:768px){.title{margin:.5rem .75rem;font-size:1.25rem}}@media (max-width:560px){.title{margin:.5rem;font-size:1.125rem}}.card{text-align:left;background-color:var(--card-color);border:solid 1px var(--border-color);border-radius:15px;padding:2em}@media (max-width:768px){.card{padding:1.5em}}@media (max-width:560px){.card{border-radius:12px;padding:1.25em}}.card h1,.card h2,.card h3,.card h4,.card h5,.card h6{margin:0;padding:0}@media (max-width:560px){.card h1,.card h2,.card h3,.card h4,.card h5,.card h6{font-size:1.125rem}}.card ul,.card ol{margin:.5rem 0;padding-left:1.5rem}@media (max-width:560px){.card ul,.card ol{padding-left:1.25rem;font-size:.9rem}}.card ul li,.card ol li{margin:.25rem 0}.mirror-status-panel{background-color:#0000;border:none;flex-direction:row;justify-content:space-evenly;height:fit-content;margin:3rem 0;padding:0;display:flex}.mirror-status-panel .status-pub{flex-direction:column;justify-content:center;align-items:center;display:flex}.mirror-status-panel .success{color:var(--success-color)}.mirror-status-panel .failed{color:var(--failed-color)}.mirror-status-panel .syncing{color:#3b82f6;animation:2s ease-in-out infinite syncing-icon-pulse}@keyframes syncing-icon-pulse{0%{color:#3b82f6}25%{color:#60a5fa}50%{color:#3b82f6}75%{color:#60a5fa}to{color:#3b82f6}}.mirror-list{gap:1rem;margin:2.5rem 0;display:grid}@media (min-width:1024px){.mirror-list{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:1023px){.mirror-list{grid-template-columns:repeat(2,1fr);gap:.875rem}}@media (max-width:767px){.mirror-list{grid-template-columns:1fr;gap:.75rem;margin:1.5rem 0}}.mirror{background-color:var(--mirror-color);border-radius:15px;height:74px;transition:transform .2s,box-shadow .2s;display:flex}@media (max-width:560px){.mirror{border-radius:12px;height:66px}}@media (hover:hover){.mirror:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}}.mirror .header{border-radius:15px 0 0 15px;min-width:10px;height:100%;margin:0;padding:0;transition:background-color .3s;display:flex;position:relative;left:0}@media (max-width:560px){.mirror .header{border-radius:12px 0 0 12px;min-width:8px}}.mirror .success{background-color:var(--success-color);box-shadow:inset 0 0 8px #10b98166}.mirror .failed{background-color:var(--failed-color);box-shadow:inset 0 0 8px #ef444466}.mirror .syncing{background:var(--syncing-color);background-size:200% 100%;animation:2s ease-in-out infinite syncing-pulse;box-shadow:inset 0 0 8px #3b82f666}.mirror .unknown{background-color:var(--unknown-color);box-shadow:inset 0 0 8px #6b728066}@keyframes syncing-pulse{0%,to{background-position:0 0}50%{background-position:100% 0}}.mirror .mirror-link{text-align:left;align-items:center;width:100%;padding:.25rem 1.5rem;font-size:14pt;display:flex}@media (max-width:768px){.mirror .mirror-link{padding:.25rem 1rem;font-size:13pt}}@media (max-width:560px){.mirror .mirror-link{padding:.25rem .75rem;font-size:12pt}}.mirror .mirror-link *{margin:0}.mirror .mirror-link pre{font-size:16pt}@media (max-width:768px){.mirror .mirror-link pre{font-size:14pt}}@media (max-width:560px){.mirror .mirror-link pre{font-size:13pt}}.mirror .mirror-info{cursor:pointer;align-items:center;padding:0 1.5rem;display:flex}@media (max-width:768px){.mirror .mirror-info{margin:0 8px;padding:0 1rem}}@media (max-width:560px){.mirror .mirror-info{margin:0 6px;padding:0 .75rem}}.mirror .mirror-info a{width:24px;height:24px}@media (max-width:560px){.mirror .mirror-info a{width:20px;height:20px}}.mirror .mirror-info a svg{width:100%;height:100%}.no-mirror{flex-direction:column;justify-content:center;align-items:center;margin:2.5rem;display:flex}.no-mirror h3{margin:none}.modal-backdrop{background-color:var(--modal-backdrop-color);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;animation:.2s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--modal-content-color);border:solid 1px var(--border-color);max-width:90%;max-height:90vh;box-shadow:0 10px 40px var(--modal-shadow);border-radius:15px;padding:2rem;animation:.3s ease-out modal-slide-up;overflow-y:auto}@media (max-width:768px){.modal-content{max-width:95%;padding:1.5rem}}@media (max-width:560px){.modal-content{border-radius:12px;padding:1.25rem}}.app-container.modal-open>:not(.modal-backdrop){filter:blur(4px);pointer-events:none}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer{border-top:1px solid var(--border-color);background-color:var(--footer-background-color);width:100%;margin-top:3rem;padding:2rem 0}@media (max-width:768px){.footer{margin-top:2rem;padding:1.5rem 0}}@media (max-width:560px){.footer{margin-top:1.5rem;padding:1.25rem 0}}.footer p{text-align:left;max-width:1280px;color:var(--footer-title-color);margin:.5rem auto;padding:0 2rem;font-size:.95rem}@media (max-width:1024px){.footer p{padding:0 1.5rem}}@media (max-width:768px){.footer p{padding:0 1rem}}@media (max-width:560px){.footer p{padding:0 .75rem;font-size:.875rem}}.footer strong{color:var(--accent-color);font-weight:600}.footer a{color:var(--footer-link-color);font-weight:500;text-decoration:none;transition:color .2s}.footer a:hover{color:var(--footer-link-hover)}.footer .footer-meta{color:var(--disabled-color);margin-top:.75rem;font-size:.875rem}@media (max-width:560px){.footer .footer-meta{font-size:.8rem}}
