:root{--sky: #58abe8;--grass: #8fbf3f;--earth: #3a2a1e;--amber: #e08a2c;--rust: #d9552b;--rust-dark: #b8431f;--paper: #fdf3dc;--paper-bright: #fffaf0;--line: #7a6449;--muted: #7d6b55;--success: #4f7a2a;--danger: #a33224}*{box-sizing:border-box}html,body{font-family:Space Mono,ui-monospace,Courier New,monospace;color:var(--earth);margin:0;padding:0;overflow-x:hidden;min-height:100%;background-color:var(--sky);background-image:url(/background.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;background-attachment:fixed;image-rendering:pixelated}a{color:inherit}button,input,textarea{font:inherit}#app,#app-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:#231912d1;padding:10px 16px;color:var(--paper);flex-shrink:0;image-rendering:auto}.nav-left{display:flex;align-items:center;gap:16px}.nav-logo{display:flex;align-items:center}.nav-links-left,.nav-links-right{list-style:none;display:flex;gap:16px;margin:0;padding:0;align-items:center}.nav-links-left li a,.nav-links-right li a,.nav-logout-btn{color:var(--paper);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.nav-links-left li a:hover,.nav-links-right li a:hover,.nav-logout-btn:hover{color:var(--amber)}.nav-user-email{font-size:.78rem;color:#ded5c6}.nav-logout-btn{background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.main-content{flex:1;width:min(1000px,100%);margin:0 auto;padding:28px 16px 60px;image-rendering:auto}.panel{position:relative;background:var(--paper);border:2px solid var(--line);border-radius:6px;padding:24px;margin-bottom:20px;box-shadow:0 10px 28px #1e16104d;overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgb(58 42 30 / 5%) 0 1px,transparent 1px 3px)}.panel>*{position:relative}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.panel-header h2{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.04em}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.status{margin:0;font-size:.82rem;letter-spacing:.04em;color:var(--muted)}.status.error{color:var(--rust-dark)}.status.success{color:var(--success)}button,.refresh-button,.post-link,.back-link,.action-link{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;cursor:pointer;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;padding:10px 18px;border:2px solid var(--line);border-radius:4px;background:var(--rust);color:var(--paper-bright);transition:background .15s ease}button:hover,.refresh-button:hover,.post-link:hover,.back-link:hover,.action-link:hover{background:var(--rust-dark)}button:active,.refresh-button:active,.post-link:active,.back-link:active,.action-link:active{transform:translateY(1px)}button:focus-visible,.refresh-button:focus-visible,.post-link:focus-visible,.back-link:focus-visible,.action-link:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button:disabled,.refresh-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.back-link{background:transparent;color:var(--earth);margin-bottom:16px}.back-link:hover{background:#7a644924}.refresh-button.danger{background:var(--danger)}.refresh-button.danger:hover{background:#8c2a1e}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.post-card{display:grid;gap:10px;padding:18px;background:var(--paper-bright);border:2px solid var(--line);border-radius:6px}.post-card h3{margin:0;font-size:1rem;font-weight:700;letter-spacing:.03em}.post-card p{margin:0;font-size:.85rem;line-height:1.6;color:var(--muted)}.post-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.post-detail{display:grid;gap:12px}.post-detail h2{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:.02em}.excerpt,.post-body{margin:0;color:var(--earth);line-height:1.7}.excerpt{color:var(--muted)}.post-body{white-space:pre-wrap}.post-admin-actions{margin-top:32px;padding-top:20px;border-top:2px solid rgb(122 100 73 / 35%);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.submit-header{align-items:flex-start}.submit-copy{margin:6px 0 0;font-size:.85rem;line-height:1.6;color:var(--muted)}.submit-form{display:grid;gap:16px}.field{display:grid;gap:8px}.field-wide{grid-column:1 / -1}.field span,.checkbox-field span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field input,.field textarea{width:100%;padding:11px 12px;border:2px solid var(--line);border-radius:4px;background:var(--paper-bright);color:var(--earth);box-shadow:inset 0 2px 5px #3a2a1e24}.field textarea{resize:vertical;line-height:1.6}.field input:focus,.field textarea:focus{outline:none;border-color:var(--amber);box-shadow:inset 0 2px 5px #3a2a1e24,0 0 0 3px #e08a2c52}.checkbox-field{display:inline-flex;align-items:center;gap:10px}.checkbox-field input{accent-color:var(--rust)}.submit-actions{display:flex;justify-content:flex-start}@media (max-width: 600px){.main-content{padding:16px 12px 40px}.panel{padding:16px}.panel-header{flex-direction:column;align-items:flex-start}}