:root{font-family:-apple-system,BlinkMacSystemFont,Malgun Gothic,맑은 고딕,helvetica,sans-serif;--font-size-lg: 20px;--font-size-md: 18px;--font-size-sm: 15px;--grey-80: #cccccc;--grey-50: #808080;--status-safe: #00cc66;--status-caution: #ffcc00;--status-alert: #ff8000;--status-danger: #ff3333;--bg-main: #ffffff;--bg-card: #f9f9fb;--text-main: #1a1a1a;--text-muted: var(--grey-50);--border-color: var(--grey-80);--btn-blue: #0033cc;--btn-blue-hover: #002299}@media (prefers-color-scheme: dark){:root{--bg-main: #121212;--bg-card: #1e1e1e;--text-main: #ffffff;--border-color: var(--grey-50);--btn-blue: #0044ff;--btn-blue-hover: #3377ff}}[data-theme=dark]{--bg-main: #121212;--bg-card: #1e1e1e;--text-main: #ffffff;--border-color: var(--grey-50);--btn-blue: #0044ff;--btn-blue-hover: #3377ff}body{font-family:-apple-system,BlinkMacSystemFont,Malgun Gothic,맑은 고딕,helvetica,sans-serif;background-color:var(--bg-main);color:var(--text-main);font-size:var(--font-size-sm);margin:0;padding:0;transition:background-color .3s,color .3s}.btn-1{font-family:inherit;font-size:var(--font-size-sm);font-weight:700;padding:12px 24px;background-color:var(--btn-blue);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.btn-1:hover{background-color:var(--btn-blue-hover)}.btn-2{font-family:inherit;font-size:var(--font-size-sm);font-weight:700;padding:12px 24px;background-color:#000;color:#fff;border:2px solid #ffffff;border-radius:8px;cursor:pointer;transition:opacity .2s}.btn-2:hover{opacity:.85}.btn-3{font-family:inherit;font-size:var(--font-size-sm);font-weight:700;padding:8px 16px;background:none;border:none;color:var(--btn-blue);text-decoration:underline;cursor:pointer}.btn-3:hover{opacity:.8}.text-20{font-size:var(--font-size-lg);font-weight:700}.text-18{font-size:var(--font-size-md);font-weight:500}.text-15{font-size:var(--font-size-sm)}.hover-scale{transition:transform .2s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.02)}.text-outline-white{color:#fff!important}.text-outline-blue{color:var(--btn-blue)!important}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:100;opacity:0;animation:fadeIn .3s forwards ease-out}.drawer-container{position:fixed;left:0;right:0;bottom:0;background-color:var(--bg-card);border-top:1px solid var(--border-color);border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #00000026;z-index:101;transform:translateY(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.drawer-container.open{transform:translateY(0)}.drawer-left-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:120;opacity:0;animation:fadeIn .25s forwards ease-out}.drawer-left-container{position:fixed;top:0;left:0;bottom:0;width:95%;background-color:var(--bg-card);border-right:1px solid var(--border-color);box-shadow:4px 0 20px #0003;z-index:121;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden;display:flex;flex-direction:column}.drawer-left-container.open{transform:translate(0)}.drawer-left-detail-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000073;z-index:124;opacity:0;animation:fadeIn .25s forwards ease-out}.drawer-left-detail-container{position:fixed;top:0;left:0;bottom:0;width:95%;background-color:var(--bg-card);border-right:1px solid var(--border-color);box-shadow:6px 0 24px #00000040;z-index:125;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden;display:flex;flex-direction:column}.drawer-left-detail-container.open{transform:translate(0)}.terminal-scrollbar::-webkit-scrollbar{width:6px}.terminal-scrollbar::-webkit-scrollbar-track{background:#111}.terminal-scrollbar::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.terminal-scrollbar::-webkit-scrollbar-thumb:hover{background:#555}@keyframes fadeIn{to{opacity:1}}.tabs-container{display:flex;gap:12px;border-bottom:2px solid var(--border-color);margin-bottom:24px;padding-bottom:8px}.tab-button{background:none;border:none;font-family:Jalnan2,-apple-system,sans-serif;font-size:var(--font-size-md);color:var(--text-muted);cursor:pointer;padding:8px 16px;border-radius:8px;transition:color .2s,background-color .2s}.tab-button:hover{background-color:#8080801a;color:var(--text-main)}.tab-button.active{color:var(--btn-blue);background-color:#0033cc1a;border-bottom:3px solid var(--btn-blue);border-radius:8px 8px 0 0}.drawer-left-card{background-color:var(--bg-card);padding:20px;border-radius:12px;border:1px solid var(--border-color);cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s ease}.drawer-left-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 8px 24px #0055ff14;border-color:var(--btn-blue)}