/* Raised controls: larger labels, generous hit areas and a physical press state. */
:root{--control-edge:#0a1018;--control-top:#2a384a;--control-bottom:#192433;--control-line:#465a72;--control-highlight:#ffffff13}
.btn,.tab,.quick-pill,.site-sidebar>a,.site-header nav a,.button{--control-edge:#0a1018;--control-top:#2a384a;--control-bottom:#192433;--control-line:#465a72;--control-highlight:#ffffff13;border:1px solid var(--control-line);background:linear-gradient(180deg,var(--control-top),var(--control-bottom));box-shadow:0 4px 0 var(--control-edge),0 7px 14px #0003,inset 0 1px 0 var(--control-highlight);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,filter .14s ease;text-decoration:none;font-weight:700;line-height:1.35;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative}
.btn,.button{min-height:48px;padding:12px 20px;border-radius:11px;font-size:15px;gap:10px}
.btn.primary,.button.primary{--control-edge:#8b622b;--control-top:#f4d390;--control-bottom:#d5a34e;--control-line:#f5d590;--control-highlight:#fff8;color:#231b11;background:linear-gradient(180deg,var(--control-top),var(--control-bottom));border-color:var(--control-line)}
.tab,.tabs .tab{min-height:46px;padding:11px 18px;border-radius:10px;font-size:14px;color:#bac8d9}
.tab.active{--control-top:#4a3e2b;--control-bottom:#2e281e;--control-edge:#17130e;--control-line:#bc9454;color:#f5d38f;background:linear-gradient(180deg,var(--control-top),var(--control-bottom));border-color:var(--control-line)}
.tabs{gap:10px;margin-bottom:26px}
.site-sidebar>a{display:flex;align-items:center;min-height:50px;padding:12px;margin:8px 0 10px;border-radius:11px;gap:10px;color:#becadd;font-size:15px;--control-top:#1b2939;--control-bottom:#131e2b;--control-edge:#080e16;--control-line:#324356;box-shadow:0 3px 0 var(--control-edge),0 5px 10px #0002,inset 0 1px 0 #ffffff0b}
.site-sidebar>a>span{font-size:14px;font-weight:650;line-height:1.4}.site-sidebar>a>b{font-size:11px;min-width:20px;padding:1px 5px;text-align:center;background:#0d1622;border:1px solid #3a4b61;border-radius:6px;margin-left:auto}
.site-sidebar>a.active{--control-top:#473b29;--control-bottom:#2d291f;--control-edge:#16120b;--control-line:#ac874b;color:#f1cf8d;background:linear-gradient(180deg,var(--control-top),var(--control-bottom));border-color:var(--control-line)}
.site-sidebar .aside-label{font-size:11px;margin-bottom:13px}.site-sidebar .source-link{font-size:12px;min-height:45px}.site-sidebar{padding-right:17px}
.workspace-layout .quickbar{padding-top:19px;padding-bottom:19px;gap:14px}.workspace-layout .quickbar-left,.workspace-layout .quickbar-right{gap:10px}
.quick-pill,.site-content .quick-pill,.workspace-layout .quick-pill{min-height:48px;padding:12px 18px;border-radius:26px;font-size:15px;gap:8px;color:#edf2f8;box-shadow:0 4px 0 var(--control-edge),0 7px 13px #0003,inset 0 1px 0 var(--control-highlight)}
.quick-pill span{font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:18px}
.quick-pill.feedback-pill{--control-top:#3a3028;--control-bottom:#241e1b;--control-edge:#110c09;--control-line:#8f704c;color:#f1c991}
.quick-pill.discord-pill{--control-top:#7d87ff;--control-bottom:#5865ec;--control-edge:#343d9b;--control-line:#98a1ff;--control-highlight:#ffffff50;background:linear-gradient(180deg,var(--control-top),var(--control-bottom));border-color:var(--control-line);color:#fff}
.quick-pill.kakao-pill{--control-top:#fff269;--control-bottom:#f5dc00;--control-edge:#a08d00;--control-line:#fff381;--control-highlight:#ffffff9c;background:linear-gradient(180deg,var(--control-top),var(--control-bottom));border-color:var(--control-line);color:#261f00}
.quick-pill.youtube-pill{--control-top:#f45b5e;--control-bottom:#dc3035;--control-edge:#8d1b21;--control-line:#ff8a8b;--control-highlight:#ffffff45;background:linear-gradient(180deg,var(--control-top),var(--control-bottom));border-color:var(--control-line);color:#fff}
.site-header nav{gap:8px}.site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 11px;font-size:13px;border-radius:9px;--control-top:#233143;--control-bottom:#172231;--control-line:#34465e;--control-edge:#080e16;box-shadow:0 3px 0 var(--control-edge),inset 0 1px 0 #ffffff0b;color:#c0cede}
.site-header nav a.active{--control-top:#423825;--control-bottom:#2a261e;--control-line:#9f7b40;--control-edge:#151108;color:#f1cf8d}
.site-header #accountLinks .btn{min-height:42px;font-size:13px;padding:10px 14px;border-radius:10px}
.site-content .section-head a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;background:#182330;border:1px solid #35465b;border-radius:9px;box-shadow:0 3px 0 #080e16,inset 0 1px 0 #ffffff0a;color:#becbdd;font-size:12px;font-weight:650;flex-shrink:0;transition:transform .14s ease,box-shadow .14s ease}
.site-content .section-head{gap:14px}.site-content .buttons{gap:12px;flex-wrap:wrap}.class-copy .btn{font-size:14px;min-height:46px}
.btn:disabled,.button:disabled,.quick-pill:disabled,.tab:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.35);transform:none;box-shadow:0 2px 0 #0b1119,inset 0 1px 0 #ffffff0b}
.btn:focus-visible,.button:focus-visible,.quick-pill:focus-visible,.tab:focus-visible,.site-sidebar>a:focus-visible,.site-header nav a:focus-visible{outline:3px solid #efd49b;outline-offset:5px}
@media(hover:hover){.btn:not(:disabled):hover,.button:not(:disabled):hover,.quick-pill:not(:disabled):hover,.tab:not(:disabled):hover,.site-sidebar>a:hover,.site-header nav a:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 6px 0 var(--control-edge),0 10px 18px #0004,inset 0 1px 0 var(--control-highlight)}.site-content .section-head a:hover{transform:translateY(-1px);color:#f4d18a}}
.btn:not(:disabled):active,.button:not(:disabled):active,.quick-pill:not(:disabled):active,.tab:not(:disabled):active,.site-sidebar>a:active,.site-header nav a:active{transform:translateY(3px);box-shadow:0 1px 0 var(--control-edge),0 2px 5px #0003,inset 0 1px 0 var(--control-highlight);filter:brightness(.97)}
.site-content .section-head a:active{transform:translateY(2px);box-shadow:0 1px 0 #080e16}
@media(max-width:1100px){.site-header-inner{gap:16px}.site-header nav{gap:6px}.site-header nav a{padding:9px 8px;font-size:12px}.workspace-layout .quick-pill{padding:11px 14px;font-size:14px}.workspace-layout .quickbar-left,.workspace-layout .quickbar-right{gap:8px}}
@media(min-width:761px) and (max-width:1000px){.workspace-layout .quickbar{display:grid;grid-template-columns:1fr}.workspace-layout .quickbar-left{display:grid;grid-template-columns:1fr 1fr}.workspace-layout .quickbar-right{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-layout .quick-pill{width:100%}.site-header .brand{font-size:18px}.site-header-inner{gap:10px}.site-header nav{gap:5px}.site-header nav a{font-size:11px;padding:8px 7px}.site-header #accountLinks .btn{font-size:11px;padding:9px 10px}}
@media(max-width:760px){.site-header{height:116px;padding:10px 15px}.site-header .brand{font-size:23px}.site-header nav{height:45px;min-height:45px;gap:8px;padding:2px 1px 6px;overflow-y:hidden}.site-header nav a{min-height:36px;padding:8px 12px;font-size:12px;box-shadow:0 3px 0 var(--control-edge),inset 0 1px 0 #ffffff0b}.site-header #accountLinks .btn{min-height:40px;font-size:12px;padding:9px 12px}.workspace-layout .quickbar{top:116px;padding-top:15px;padding-bottom:16px;gap:11px}.workspace-layout .quickbar-left,.workspace-layout .quickbar-right{gap:8px}.quick-pill,.site-content .quick-pill,.workspace-layout .quick-pill{min-height:46px;padding:11px 9px;font-size:13px;gap:6px;border-radius:24px}.quick-pill span{font-size:16px;min-width:16px}.btn{font-size:15px;min-height:48px;padding:12px 18px}.class-copy .btn{font-size:14px}.tab,.tabs .tab{font-size:13px;min-height:44px;padding:10px 13px}.site-content .section-head{align-items:center;gap:10px}.site-content .section-head h2{font-size:18px}.site-content .section-head a{font-size:11px;padding:8px 10px;min-height:38px}.workspace-layout .community-card{scroll-margin-top:250px}}
@media(max-width:360px){.workspace-layout .quickbar-right .quick-pill{font-size:12px;padding:11px 7px;gap:5px}.quick-pill span{font-size:15px;min-width:15px}.site-content .section-head h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.btn,.button,.quick-pill,.tab,.site-sidebar>a,.site-header nav a,.site-content .section-head a{transition:none!important;transform:none!important}}
@media(max-width:400px){.site-header #accountLinks .btn{font-size:11px;padding:8px 9px;min-height:40px}}