* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; background: #221c16; color: #e8dcc4; font-family: "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }
body { display: grid; grid-template-rows: 56px minmax(0,1fr); }
nav { display: flex; align-items: center; gap: 20px; padding: 8px 14px; border-bottom: 1px solid #57452c; }
nav strong { font-size: 16px; }
nav span, a { font-size: 12px; color: #b09d7e; }
nav a { margin-left: auto; }
button { background: #2e251b; color: #e8dcc4; border: 1px solid #57452c; border-radius: 5px; font-family: inherit; font-size: 13px; padding: 7px 14px; cursor: pointer; }
button[aria-selected="true"] { background: #d8b978; color: #221c16; font-weight: 700; }
:focus-visible { outline: 2px solid #f4dc9a; outline-offset: 2px; }
iframe { width: 100%; height: 100%; border: 0; min-height: 0; }