*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Georgia,Times New Roman,serif}:root{--ink:#111;--ink-soft:#555;--ink-muted:#777;--paper:#faf7f2;--paper-card:#fff;--palm:#9c7a2e;--palm-soft:#9c7a2e26;--palm-dried:#8c7a52;--palm-dried-soft:#a89366;--palm-dried-faint:#8c7a5226;--border-light:#e5e5e5;--radius-sm:8px;--radius-md:12px;--radius-lg:999px;--container-xl:1400px;--container-md:720px;--transition-fast:.15s ease;--transition-base:.25s ease}.protected-layout{background:var(--paper);min-height:calc(100vh - 64px);display:flex}.sidebar{border-right:1px solid var(--border-light);background:var(--paper);width:220px;padding:32px 24px}.brand{color:var(--ink);margin-bottom:28px;font-size:18px;font-weight:500}.nav{flex-direction:column;gap:18px;display:flex}.nav a{color:var(--ink-soft);transition:color var(--transition-fast);align-items:center;gap:12px;font-size:15px;text-decoration:none;display:flex}.nav a.active{color:var(--ink);font-weight:500}.nav svg{color:var(--palm)}.write-box{border:1px solid var(--palm-soft);border-radius:var(--radius-md);padding:12px}.continue-box{border:1px dashed var(--palm-soft);border-radius:var(--radius-md);height:44px;color:var(--palm-dried);transition:background var(--transition-fast),color var(--transition-fast);justify-content:center;align-items:center;font-size:14px;text-decoration:none;display:flex}.continue-box:hover{background:var(--palm-dried-faint);color:var(--palm-dried-soft)}.content{flex:1;min-width:0}@media (max-width:900px){.sidebar{display:none}}.mobile-overlay{z-index:200;background:#00000059;position:fixed;inset:0}.mobile-sidebar{background:var(--paper);width:260px;height:100%;animation:slideIn var(--transition-base);padding:20px}.mobile-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.mobile-nav{flex-direction:column;gap:16px;display:flex}.mobile-nav button{text-align:left;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;font-size:16px}.write-box.mobile,.continue-box.mobile{border:1px solid var(--palm-soft);border-radius:var(--radius-md);color:var(--palm-dried);padding:12px}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.public-layout{background:var(--paper);flex-direction:column;min-height:100vh;display:flex}