:root{--bg:#0d1117;--panel:#0f141b;--panel2:#0f1720;--muted:#8b949e;--text:#c9d1d9;--line:#30363d;--accent:#58a6ff}*{box-sizing:border-box}body,html{height:100%}body{background:#0d1117;background:var(--bg);color:#c9d1d9;color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,Helvetica,Arial,sans-serif;margin:0}#root{height:100%}.container{margin:0 auto;max-width:1100px;padding:24px}.row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}h1{font-size:24px;font-weight:700;margin:0 0 4px}.muted{color:#8b949e;color:var(--muted)}.btn{background:#0000;border:1px solid #30363d;border:1px solid var(--line);border-radius:12px;color:#c9d1d9;color:var(--text);cursor:pointer;padding:8px 10px}.btn:hover{background:#161b22}.btn:focus{box-shadow:0 0 0 2px #58a6ff40;outline:none}select.btn{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b949e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.chip{align-items:center;background:#0000;border:1px solid #30363d;border:1px solid var(--line);border-radius:999px;color:#c9d1d9;color:var(--text);cursor:pointer;display:inline-flex;gap:6px;padding:6px 10px}.chip.active{background:#0f1720;border-color:#58a6ff80;box-shadow:0 0 0 2px #58a6ff40}.dot{height:8px;width:8px}.search{background:#161b22;border:1px solid #30363d;border:1px solid var(--line);border-radius:10px;color:#c9d1d9;color:var(--text);outline:none;padding:8px 10px;width:260px}.card{border-radius:16px}.card,.timeline{background:#0f141b;background:var(--panel);padding:12px}.timeline{border:1px solid #30363d;border:1px solid var(--line);border-radius:16px;margin-top:16px}.scroll{height:70vh;overflow-y:auto;position:relative}.years{bottom:0;left:0;padding-top:10px;position:absolute;top:20px;width:64px}.y-mark{background:#0f141b;background:var(--panel);border:1px solid #30363d;border:1px solid var(--line);border-radius:8px;box-shadow:0 2px 8px #0003;color:#c9d1d9;color:var(--text);font-size:16px;font-weight:700;left:8px;padding:4px 8px}.y-mark,.y-mark:before{position:absolute;transform:translateY(-50%)}.y-mark:before{background:#30363d;background:var(--line);content:"";height:1px;left:60px;top:50%;width:20px}.canvas{margin-left:64px;margin-top:20px;padding:8px 8px 40px;position:relative}.axis{background:linear-gradient(#30363d,#21262d);bottom:0;top:-20px;width:2px}.axis,.event{left:30px;position:absolute}.event{transform:translateX(-50%)}.dot{border:1px solid #00000055;border-radius:50%;box-shadow:0 0 0 2px #0003;height:10px;width:10px}.label{border:1px solid #30363d;border:1px solid var(--line);border-radius:8px;color:#e6edf3;cursor:pointer;font-size:12px;max-width:420px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;top:-8px;white-space:nowrap}.card,.label{background:#0f1720;background:var(--panel2);position:absolute}.card{border:1px solid #30363d;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 24px #00000059;left:46px;max-width:360px;min-width:240px;opacity:0;padding:10px;pointer-events:none;top:14px;transition:opacity .15s ease}.event:hover .card{opacity:1}.range{background:linear-gradient(180deg,#0d111700,#0d1117cc);border-top:1px solid #30363d;border-top:1px solid var(--line);bottom:0;color:#8b949e;color:var(--muted);font-size:11px;left:0;margin-top:12px;padding:6px 8px;position:-webkit-sticky;position:sticky;right:0}.scroll::-webkit-scrollbar{height:10px;width:10px}.scroll::-webkit-scrollbar-track{background:#0e1218;border:1px solid #30363d;border:1px solid var(--line);border-radius:10px}.scroll::-webkit-scrollbar-thumb{background:color-mix(in hsl,#58a6ff 55%,#0000);background:color-mix(in hsl,var(--accent) 55%,#0000);border:1px solid color-mix(in hsl,#58a6ff 35%,#30363d);border:1px solid color-mix(in hsl,var(--accent) 35%,var(--line));border-radius:10px}.track{margin:20px 0;padding-left:20px;position:relative}.track-line{background:#30363d;background:var(--line);bottom:0;left:0;position:absolute;top:0;width:2px}.track-label{align-items:center;color:#8b949e;color:var(--muted);display:flex;font-size:12px;gap:8px;margin-bottom:12px;position:relative}.track-label .dot{border-radius:50%;height:8px;width:8px}.ev{margin:8px 0;padding-left:20px;position:relative}.ev-dot{border:2px solid #0d1117;border:2px solid var(--bg);border-radius:50%;box-shadow:0 0 0 2px #00000026;height:8px;left:-6px;position:absolute;top:6px;width:8px}.ev-label{background:#0f1720;background:var(--panel2);border:1px solid #30363d;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-size:12px;max-width:300px;overflow:hidden;padding:6px 10px;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:100}.ev:hover .ev-bubble{opacity:1}.ev-bubble{background:#0f1720;background:var(--panel2);border:1px solid #30363d;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 12px #00000059;left:0;margin-top:8px;max-width:400px;min-width:240px;opacity:0;padding:12px;pointer-events:none;position:absolute;z-index:1000}.timeline-header{align-items:flex-start;border-bottom:1px solid #30363d;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.timeline-header h1{color:#c9d1d9;color:var(--text);font-size:24px;font-weight:700;margin:0 0 4px}.timeline-header .muted{color:#8b949e;color:var(--muted);font-size:12px}dialog{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;display:flex;height:100%;justify-content:center;left:0;margin:0;padding:0;position:fixed;top:0;width:100%;z-index:1000}dialog::backdrop{display:none}.dialog-content{background:#0f141b;background:var(--panel);border:1px solid #30363d;border:1px solid var(--line);border-radius:14px;color:#c9d1d9;color:var(--text);max-height:80vh;max-width:900px;overflow-y:auto;padding:0;width:min(90vw,900px)}.d-head{align-items:center;border-bottom:1px solid #30363d;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:12px 14px}.d-body{padding:12px}textarea{background:#0b1117;border:1px solid #1f2937;border-radius:10px;color:#c9d1d9;color:var(--text);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;height:360px;padding:10px;width:100%}@media (max-width:640px){.search{width:100%}.bubble{max-width:280px;min-width:200px}}
/*# sourceMappingURL=main.165e16b3.css.map*/