.btn{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(13px,2vw,16px);font-weight:700;transition:all .3s;display:flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{color:#000;z-index:0;background:linear-gradient(#fedc00 0%,#ffb300 100%);border:none;border-radius:4px;position:relative}.btn.primary:after{content:"";border-radius:inherit;opacity:0;z-index:-1;background:linear-gradient(#ffd900 0%,#ff9000 100%);transition:opacity .3s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.btn.primary:hover:after{opacity:1}}.btn.secondary{color:#000;z-index:0;background:linear-gradient(#ececec 0%,#d1d1d1 100%);border:none;border-radius:4px;position:relative}.btn.secondary:after{content:"";border-radius:inherit;opacity:0;z-index:-1;background:linear-gradient(#d2d2d2 0%,#949494 100%);transition:opacity .3s;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.btn.secondary:hover:after{opacity:1}}.btn.tertiary{background:var(--surface-secondary);color:var(--label-primary);border:1px solid var(--border-tertiary)}@media (hover:hover) and (pointer:fine){.btn.tertiary:hover{background:var(--surface-tertiary)}}.btn.ghost{color:var(--label-primary);background:0 0;border:none}@media (hover:hover) and (pointer:fine){.btn.ghost:hover{background:var(--surface-secondary)}}.btn.outline{color:#ffbf00;background:0 0;border:1px solid #ffbf00}@media (hover:hover) and (pointer:fine){.btn.outline:hover{background:#ffbf001a}}.btn.is_full{width:100%}
.category_tag{white-space:nowrap;border-radius:2px;justify-content:center;align-items:center;padding:1px 4px;font-size:clamp(11px,2.8vw,16px);font-weight:500;display:flex}.category_tag.notice{color:#189bff;background:#3098e61a;border:1px solid #189bff80}.category_tag.dev_note{color:#00a977;background:#16ad801a;border:1px solid #06bb8580}.category_tag.event{color:#ff6b35;background:#ff6b351a;border:1px solid #ff6b3580}.category_tag.update{color:#7c4dff;background:#9c27b01a;border:1px solid #9c27b080}.category_tag.default{color:var(--label-secondary)}.category_tag.plain{background:0 0;border:none;padding:0;font-weight:700}
.theme_toggle{background:var(--surface-secondary);border:1px solid var(--border-tertiary);border-radius:9999px;justify-content:space-between;align-items:center;width:78px;height:40px;padding:4px 5px;display:flex}.theme_toggle_btn{width:32px;height:32px;color:var(--icon-tertiary);border-radius:9999px;justify-content:center;align-items:center;transition:all .15s;display:flex}.theme_toggle_btn.is_active{background:var(--surface-tertiary);color:var(--label-primary)}@media (hover:hover) and (pointer:fine){.theme_toggle_btn:hover{color:var(--label-primary)}}.theme_toggle_placeholder{background:var(--surface-secondary);border-radius:9999px;width:64px;height:28px}