: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)}.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)}@keyframes fadeIn{to{opacity:1}}