:root{--bg:#1a1a1a;--surface:#212121;--surface2:#2a2a2a;--surface3:#333;--border:#333;--border2:#3d3d3d;--accent:#c17f44;--accent-dim:#a06835;--green:#6db88a;--amber:#c17f44;--red:#c45f5f;--text:#ececec;--text-2:#9b9b9b;--text-3:#5c5c5c;--sidebar-w:260px;--header-h:48px;--r:6px;--r-lg:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Pretendard,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font-family:Pretendard,sans-serif}.app-layout{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:1fr;width:100vw;height:100vh;display:grid;position:fixed;top:0;left:0;overflow:hidden}.sidebar-col{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;grid-area:1/1;display:flex;overflow:hidden}.main-col{background:var(--bg);flex-direction:column;grid-area:1/2;min-height:0;display:flex;overflow:hidden}.main-header{height:var(--header-h);background:var(--bg);flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex}.main-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}@media (width<=768px){:root{--sidebar-w:280px}.app-layout{grid-template-columns:1fr;width:100vw;height:100vh;position:fixed;top:0;left:0}.sidebar-col{width:var(--sidebar-w);z-index:100;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-col.open{transform:translate(0)}.sidebar-overlay{display:block!important}.main-col{grid-column:1}}.input-fixed{bottom:0;left:var(--sidebar-w);background:var(--bg);z-index:10;padding:12px 20px 24px;position:fixed;right:0}@media (width<=768px){.input-fixed{padding:8px 12px 16px;left:0}}.hamburger-btn{display:none!important}@media (width<=768px){.hamburger-btn{display:flex!important}}