*{margin:0;padding:0;box-sizing:border-box}
:root{
  color-scheme:light;
  --brand:#EE7732;
  --ink:#1F1F1D;
  --ink-2:#55554F;
  --ink-3:#9C9C9A;
  --border:#E7E7E5;
  --border-soft:#F0F0EE;
  --hover:#F6F6F4;
  --tile:#F5F5F3;
  --active:#F1F1EF;
  --card-blue:#EAF2F9;
  --serif:'Source Serif 4',Georgia,'Times New Roman',serif;
}
html,body{height:100%}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;
  color:var(--ink);background:#fff;font-size:14px;
  -webkit-font-smoothing:antialiased;
}
::selection{background:#F9DCC6}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
textarea{font:inherit;color:inherit;border:none;outline:none;resize:none;background:transparent;display:block}
input{font:inherit;outline:none;border:none;background:transparent}
::placeholder{color:#A6A6A4}
.ic{width:18px;height:18px;flex:none}
svg{display:block}

.app{display:flex;height:100vh;min-width:1360px;overflow:hidden}
.main{flex:1;min-width:0;overflow-y:auto;position:relative}
.main::-webkit-scrollbar{width:10px}
.main::-webkit-scrollbar-thumb{background:#E3E3E1;border-radius:99px;border:3px solid #fff}
.view{display:none}
.view.on{display:block}