:root{--primary: #ff6b6b;--secondary: #4ecdc4;--accent: #ffe66d;--dark: #1a1a1a;--light: #f7f7f7}html,body{font-family:Poppins,sans-serif;background-color:var(--light);color:var(--dark);margin:0;padding:0;overflow-x:hidden;min-height:100%;background-image:url(/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#app{display:flex;flex-direction:column;min-height:100vh}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:#333;padding:10px 20px;color:#fff;flex-shrink:0}.nav-left{display:flex;align-items:center;gap:20px}.nav-logo{display:flex;align-items:center}.nav-links-left,.nav-links-right{list-style:none;display:flex;gap:20px;margin:0;padding:0;align-items:center}.nav-links-left li a,.nav-links-right li a{text-decoration:none;color:#fff;font-size:1rem}.nav-user-email{font-size:.9rem;color:#ccc}.nav-logout-btn{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:0;font-family:inherit}.nav-logout-btn:hover{text-decoration:underline;transform:none;box-shadow:none;background:none}.main-content{flex:1;padding:24px 16px 60px;width:min(1100px,100%);margin:0 auto}.signed-in-banner{margin:0;font-size:.85rem;color:#ccc}.panel{padding:24px;background:#f9f9f9;border-radius:8px;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 10px #0000001a;margin-bottom:20px}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.panel-header h2{margin:0;font-size:1.4rem;font-weight:700;letter-spacing:2px}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.status{margin:0;font-size:.95rem;color:#555}.status.error{color:#c0392b}.status.success{color:#27ae60}button,.refresh-button,.post-link,.back-link,.action-link{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border:none;padding:10px 22px;font-size:.95rem;font-family:inherit;border-radius:30px;cursor:pointer;transition:.3s;text-decoration:none;white-space:nowrap}button:hover,.refresh-button:hover,.post-link:hover,.back-link:hover,.action-link:hover{background:var(--secondary);transform:translateY(-2px);box-shadow:0 4px 10px #0003}button:disabled,.refresh-button:disabled{opacity:.6;transform:none;cursor:not-allowed}.back-link{background:transparent;color:var(--primary);border:2px solid var(--primary);margin-bottom:16px}.back-link:hover{background:var(--primary);color:#fff}.refresh-button.danger{background:#c0392b}.refresh-button.danger:hover{background:#a93226}.user-status{font-size:.9rem;color:#555}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.post-card{display:grid;gap:10px;padding:20px;background:#fff;border-radius:15px;border:1px solid rgba(0,0,0,.1);box-shadow:5px 5px 20px #0000001a;transition:.3s}.post-card:hover{transform:rotate(-1deg) scale(1.03)}.post-card h3{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:1px}.post-card p{margin:0;color:#555;font-size:.9rem}.post-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#888}.post-detail{display:grid;gap:12px}.post-detail h2{margin:0;font-size:1.6rem;font-weight:700;letter-spacing:2px}.excerpt,.post-body{margin:0;color:#444;line-height:1.7}.post-admin-actions{margin-top:32px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.submit-header{align-items:flex-start}.submit-copy{margin:6px 0 0;color:#555;font-size:.9rem}.submit-form{display:grid;gap:14px}.field{display:grid;gap:6px}.field span,.checkbox-field span{font-size:.9rem;color:#555}.field input,.field textarea{width:100%;padding:8px;border:1.6px inset rgb(118,118,118);background:#fff;color:var(--dark);font-family:inherit;font-size:1rem}@media (max-width: 600px){.main-content{padding:16px 12px 40px}.panel{padding:16px}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}button{font:inherit}#app{min-height:100vh}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 72px}.hero{display:grid;gap:16px;margin-bottom:28px;padding:28px;border:1px solid rgba(32,31,26,.1);border-radius:28px;background:#fffcf6db;box-shadow:0 18px 40px #201f1a1a}.eyebrow{margin:0;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:#715c39}.hero-copy{display:grid;gap:12px}.hero h1,.post-detail h2,.panel-header h2,.post-card h3{margin:0;font-weight:500}.hero h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:.96;letter-spacing:-.05em}.hero h1 span{color:#1b6ef3}.hero p{margin:0;max-width:60ch;color:#5a564f}.content{display:grid}.panel{padding:28px;border:1px solid rgba(32,31,26,.1);border-radius:28px;background:#fffcf6e6;box-shadow:0 18px 40px #201f1a14}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.panel-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.refresh-button,.post-link,.back-link,.action-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(27,110,243,.18);background:#1b6ef3;color:#fff8f0;text-decoration:none;cursor:pointer}.back-link{margin-bottom:20px;background:transparent;color:#1b6ef3}.action-link{margin-bottom:0}.status{margin:0;color:#5a564f}.status.error{color:#9c2e2e}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.post-card,.post-detail{display:grid;gap:12px}.post-card{padding:20px;border-radius:20px;border:1px solid rgba(32,31,26,.08);background:#fffdf9}.post-card p,.post-detail .excerpt,.post-detail .post-body{margin:0;color:#5a564f}.post-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;color:#8a7755}.post-body{white-space:pre-wrap}.post-admin-actions{margin-top:32px;padding-top:20px;border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:flex-start;gap:8px}.refresh-button.danger{background:#c0392b;border-color:#c0392b66}.submit-header{align-items:start}.submit-copy{margin:8px 0 0;color:#5a564f}.submit-form{display:grid;gap:16px}.field{display:grid;gap:8px}.field span,.checkbox-field span{font-size:.95rem;color:#5a564f}.field input,.field textarea{width:100%;padding:14px 16px;border:1px solid rgba(32,31,26,.14);border-radius:16px;background:#fffdf9;color:#201f1a;font:inherit}.field textarea{resize:vertical}.checkbox-field{display:inline-flex;align-items:center;gap:10px}.submit-actions{display:flex;justify-content:flex-start}.status.success{color:#2f6c3d}@media (max-width: 720px){.shell{width:min(100%,calc(100% - 20px));padding-top:16px}.hero,.panel{padding:20px;border-radius:20px}.panel-header{align-items:start;flex-direction:column}.panel-actions{width:100%}}