*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color:#f5f5f0;--text-color:#1a1a1a;--link-color:#1a1a1a;--link-hover-color:#F99C11}[data-theme=dark]{--bg-color:#11110F;--text-color:#ABABAB;--link-color:#ABABAB;--link-hover-color:#F99C11}body{font-family:Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.page-container{min-height:100vh;display:flex;flex-direction:column;padding:60px}.header-title{font-size:18px;font-weight:400;margin-bottom:60px}.header-link{color:var(--link-color);text-decoration:none;transition:color .2s ease}.header-link:hover{color:var(--link-hover-color)}.main-content-wrapper{display:flex;gap:120px;flex:1 1}.navigation-sidebar{min-width:100px;display:flex;flex-direction:column;gap:20px}.nav-link{text-decoration:none;display:inline-block;width:-moz-fit-content;width:fit-content}.nav-link,.nav-link-2{color:var(--link-color);font-size:16px;transition:color .2s ease}.nav-link-2{text-decoration:underline}.nav-link:hover{color:var(--link-hover-color)}.main-content{max-width:800px;flex:1 1}.writing-content{max-width:500px;flex:1 1}.content-text{font-size:16px;line-height:1.6;margin-bottom:20px;max-width:660px}.writing-list{line-height:2}.footer-container{position:fixed;bottom:60px;left:60px}.theme-toggle-button{background:none;border:none;color:var(--link-color);font-family:Helvetica,Arial,sans-serif;font-size:16px;cursor:pointer;padding:0;transition:color .2s ease}.theme-toggle-button:hover{color:var(--link-hover-color)}.page-heading{font-size:24px;font-weight:400;margin-bottom:30px}.placeholder-text{font-size:16px;line-height:1.6;color:var(--text-color);opacity:.7}