@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";.oc-root{--bg:#04070f;--bg-2:#070b17;--surface:#0b1120;--surface-2:#10182a;--surface-3:#172136;--line:#1f2b45;--line-soft:#131c30;--ink:#eaf0fb;--ink-soft:#8a95af;--ink-faint:#4d5878;--ink-dim:#2c3550;--signal:#00e5ff;--signal-2:#00c8dc;--signal-deep:#0083a0;--signal-glow:#00e5ff47;--yellow:#fc0;--red:#ff4d5e;--status-idle:#4d5878;--status-work:var(--signal);--status-need:var(--yellow);--status-done:#6a8fa8;--status-block:var(--red);--shadow-lg:0 24px 60px -20px #000000d9, 0 0 0 1px var(--line);--shadow-md:0 12px 32px -12px #000000bf, 0 0 0 1px var(--line);--font-display:"Pretendard Variable", ui-sans-serif, system-ui, sans-serif;--font-body:"Pretendard Variable", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;font-family:var(--font-body);font-feature-settings:"cv09", "cv11", "ss01";-webkit-font-smoothing:antialiased;color:var(--ink);font-size:15px}.oc-root *{box-sizing:border-box}.oc-root[data-theme=light]{--bg:#f2f5fb;--bg-2:#e8edf6;--surface:#fff;--surface-2:#f5f7fc;--surface-3:#eaeff8;--line:#d0d8e6;--line-soft:#e3e9f3;--ink:#05091a;--ink-soft:#3a4666;--ink-faint:#6b7796;--ink-dim:#a0abc5;--signal:#00838f;--signal-2:#00a3b0;--signal-glow:#00838f29;--yellow:#a67a00;--shadow-lg:0 24px 60px -20px #0b122426, 0 0 0 1px var(--line);--shadow-md:0 8px 24px -10px #0b12241a, 0 0 0 1px var(--line)}.oc-mono{font-family:var(--font-mono);font-variant-ligatures:none}@keyframes oc-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes oc-dash{to{stroke-dashoffset:-20px}}.oc-dot{vertical-align:middle;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.oc-dot.oc-idle{background:var(--status-idle)}.oc-dot.oc-work{background:var(--status-work);animation:1.6s ease-in-out infinite oc-pulse;box-shadow:0 0 0 3px #00e5ff2e}.oc-dot.oc-need{background:var(--status-need);box-shadow:0 0 0 3px #ffcc0038}.oc-dot.oc-done{background:var(--status-done)}.oc-dot.oc-block{background:var(--status-block)}.oc-chip{font-family:var(--font-mono);letter-spacing:.06em;background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line);white-space:nowrap;border-radius:4px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex}.oc-chip.oc-cyan{color:var(--signal);background:#00e5ff14;border-color:#00e5ff59}.oc-chip.oc-yellow{color:var(--yellow);background:#ffcc0014;border-color:#fc06}.oc-chip.oc-red{color:var(--red);background:#ff4d5e14;border-color:#ff4d5e66}.oc-chip.oc-mint{background:var(--surface-3);color:var(--ink-soft);border-color:var(--line)}.oc-root kbd{min-width:20px;height:22px;font-family:var(--font-mono);background:var(--surface-3);color:var(--ink-soft);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.oc-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.oc-panel-head{border-bottom:1px solid var(--line-soft);background:var(--surface-2);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.oc-panel-head h3{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:12px;font-weight:700}.oc-root .oc-agent{--size:48px;--stroke:2.5px;width:var(--size);height:var(--size);flex-shrink:0;place-items:center;display:inline-grid;position:relative}.oc-root .oc-agent svg{position:absolute;inset:0;overflow:visible}.oc-root .oc-agent .a-track{fill:none;stroke:var(--line);stroke-width:var(--stroke)}.oc-root .oc-agent .a-prog{fill:none;stroke:var(--signal);stroke-width:var(--stroke);stroke-linecap:round;transform-origin:50%;filter:drop-shadow(0 0 8px var(--signal-glow));transition:stroke-dashoffset .6s;transform:rotate(-90deg)}.oc-root .oc-agent.oc-need .a-prog{stroke:var(--yellow);filter:drop-shadow(0 0 8px #ffcc0059)}.oc-root .oc-agent.oc-done .a-prog{stroke:var(--ink-soft);filter:none}.oc-root .oc-agent.oc-idle .a-prog{stroke-dasharray:2 4;opacity:.5}.oc-root .oc-agent.ceo .a-prog{stroke:var(--yellow)}.oc-root .oc-agent.director .a-prog{stroke:var(--ink)}.oc-root .oc-agent .a-core{width:calc(var(--size) - 14px);height:calc(var(--size) - 14px);background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line);font-family:var(--font-mono);font-weight:700;font-size:calc(var(--size) * .22);color:var(--ink);letter-spacing:.02em;border-radius:50%;place-items:center;display:grid;position:relative}.oc-root .oc-agent .a-ticks{pointer-events:none;position:absolute;inset:0}.oc-root .oc-agent .a-tick{background:var(--ink-dim);width:1px;height:4px;transform-origin:50% calc(var(--size) / 2);opacity:.6;position:absolute;top:0;left:50%}.oc-nav{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#070b17d9,#0000);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:14px 24px;display:flex}.oc-nav-brand{flex-shrink:0;align-items:center;gap:14px;display:flex}.oc-nav-logo{background:var(--surface-2);border:1px solid var(--signal);width:42px;height:42px;font-family:var(--font-mono);color:var(--signal);box-shadow:inset 0 0 20px var(--signal-glow);border-radius:6px;flex-shrink:0;place-items:center;font-size:19px;font-weight:700;display:grid}.oc-nav-brand h1{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;margin:0;font-size:19px;font-weight:700}.oc-nav-brand .sub{font-family:var(--font-mono);color:var(--signal);letter-spacing:.12em;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.oc-nav-brand .sub:before{content:"";background:var(--signal);width:7px;height:7px;box-shadow:0 0 8px var(--signal);border-radius:50%;flex:none;animation:1.6s ease-in-out infinite oc-pulse}.oc-nav-views{flex-wrap:wrap;gap:4px;display:flex}.oc-nav-views a{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s}.oc-nav-views a:hover{color:var(--ink);background:var(--surface-2)}.oc-nav-views a.on{color:var(--ink);background:var(--surface-2);border-color:var(--line)}.oc-nav-right{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.oc-nav-icons{flex-shrink:0;align-items:center;gap:8px;display:flex}.oc-nav-icons a,.oc-nav-icons button{width:36px;height:36px;color:var(--ink-soft);border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:15px;line-height:1;text-decoration:none;display:inline-flex}.oc-nav-icons a:hover,.oc-nav-icons button:hover{border-color:var(--signal);color:var(--signal)}.oc-nav-classic{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-family:var(--font-mono);letter-spacing:.03em;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.oc-nav-classic:hover{border-color:var(--signal);color:var(--signal)}.oc-nav-clock{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.oc-nav-clock .day{color:var(--ink-faint);letter-spacing:.1em;white-space:nowrap;font-size:11px}.oc-nav-clock b{color:var(--ink);white-space:nowrap;font-size:18px}@media (width<=720px){.oc-nav-views{order:3;width:100%}}.oc-ticker{flex:1;min-width:0;overflow:hidden}.oc-ticker-track{white-space:nowrap;gap:48px;padding-right:48px;animation:linear infinite oc-ticker-scroll;display:inline-flex}.oc-ticker-item{font-family:var(--font-mono);color:var(--yellow);letter-spacing:.02em;font-size:12px}.oc-ticker-item b{color:var(--ink);font-weight:600}.oc-ticker-empty{font-family:var(--font-mono);color:var(--ink-faint);letter-spacing:.04em;font-size:12px}@keyframes oc-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}