:root{color:#3b2b20;--cream:#f3ead7;--paper:#fffaf0;--brown:#3b2b20;--rust:#a74724;--blue:#245b9e;--border:#b8a88d;--muted:#746655;background:#f3ead7;font-family:system-ui,sans-serif}body{margin:0}[hidden]{display:none!important}a{color:var(--blue)}button,input,textarea{font:inherit}.site{width:min(640px,100% - 32px);margin:0 auto;padding:64px 0}.site-header{margin-bottom:28px}.site-header h1{margin:0;font-size:2.5rem}.site-header h1 a{color:var(--brown);text-decoration:none}.site-header h1 a:hover{text-decoration:underline}.site-header p{color:var(--muted);margin:8px 0 0}.app-layout{gap:32px;display:grid}.sidebar{border-bottom:1px solid var(--border);padding-bottom:24px}.site-nav{gap:16px;display:flex}.site-nav a{color:var(--blue)}.main-content{min-width:0}.login{gap:8px;margin-bottom:32px;display:grid}.login input{box-sizing:border-box;border:1px solid var(--border);background:var(--paper);width:100%;color:var(--brown);padding:6px 8px}.login button{border:1px solid var(--rust);background:var(--rust);color:var(--paper);cursor:pointer;justify-self:start;padding:6px 12px}.auth-info{color:var(--muted);margin:16px 0 0;font-size:.875rem}#sign-out-button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.composer{gap:8px;margin-bottom:32px;display:grid}.composer label{font-weight:700}.composer textarea{box-sizing:border-box;border:1px solid var(--border);background:var(--paper);width:100%;min-height:72px;color:var(--brown);resize:vertical;padding:10px 12px}.composer button{border:1px solid var(--rust);background:var(--rust);color:var(--paper);cursor:pointer;justify-self:start;padding:8px 14px}.profile{margin-bottom:32px}.profile h2{margin:0;font-size:1.75rem}.profile p{color:var(--muted);margin:6px 0 0}.status{border-top:1px solid var(--border);padding:24px 0}.status>a{color:var(--blue);font-weight:700;text-decoration:none}.status>a:hover{text-decoration:underline}.status p{margin:0 0 8px;font-size:1.25rem}.status time{color:var(--muted);font-size:.875rem}@media (width>=640px){.site{width:min(800px,100% - 48px)}.app-layout{grid-template-columns:160px 1fr;gap:32px}.sidebar{border-right:1px solid var(--border);border-bottom:0;padding-bottom:0;padding-right:24px}.site-nav{gap:12px;display:grid}.login{align-items:center;display:flex}.login input{width:180px}}