@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--page-bg:#f6f6f2;--surface:#fff;--surface-muted:#fbfbf9;--text:#202321;--muted:#777b76;--subtle:#898d87;--border:#d7d9d1;--accent:#cf5f42;--accent-soft:#f9e8e2;--button-bg:#202321;--button-text:#fff;--button-hover:#cf5f42;color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:DM Sans,sans-serif}:root.dark{--page-bg:#171b18;--surface:#222823;--surface-muted:#1d231f;--text:#f3f1ea;--muted:#aab2a9;--subtle:#929b92;--border:#3d473f;--accent-soft:#51352d;--button-bg:#ce4928;--button-text:#fff;--button-hover:#bb3306}*{box-sizing:border-box}body{min-width:320px;margin:0}button,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(circle at 50% 0%, var(--surface) 0, var(--page-bg) 42rem);min-height:100vh}.topbar{justify-content:space-between;align-items:center;width:min(1080px,100% - 48px);height:82px;margin:auto;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:9px;font-size:19px;font-weight:700;display:inline-flex}.brand-mark{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.header-actions{align-items:center;gap:0;display:flex}.theme-button{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:color .2s,transform .2s;display:grid}.theme-button:hover{color:var(--accent);background:0 0;transform:scale(1.02)}.create-button{width:32px;height:32px;color:var(--text);background:0 0;border-radius:50%;place-items:center;transition:color .2s,transform .2s;display:grid}.create-button:hover{color:var(--accent);background:0 0;transform:scale(1.02)}.back-link{width:32px;height:32px;color:var(--text);border-radius:50%;place-items:center;transition:color .2s,transform .2s;display:grid}.back-link:hover{color:var(--accent);transform:translate(-2px)}.feed-page,.create-page{width:min(1080px,100% - 48px);margin:auto;padding:46px 0 80px}.feed-intro{justify-content:space-between;align-items:end;margin-bottom:42px;display:flex}.eyebrow{color:var(--accent);letter-spacing:1.7px;text-transform:uppercase;margin:0 0 13px;font-size:11px;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-3px;margin-bottom:0;font-size:clamp(2.2rem,5vw,4rem);font-weight:600;line-height:.98}h1 em{color:var(--accent);letter-spacing:-2px;font-family:Playfair Display,serif;font-weight:500}.post-count{color:var(--muted);padding-bottom:7px;font-size:13px}.post-grid{grid-template-columns:repeat(3,1fr);gap:30px 24px;display:grid}.post-card{min-width:0}.post-image-wrap{aspect-ratio:1/1.12;background:var(--border);overflow:hidden}.post-image{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.post-card:hover .post-image{transform:scale(1.035)}.caption{margin:14px 0 6px;font-size:14px;line-height:1.45}.post-date{color:var(--subtle);text-transform:uppercase;letter-spacing:.8px;font-size:11px}.state-box,.empty-state{min-height:260px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.state-box{flex-direction:row;font-size:14px}.error-state,.form-error{color:#b34e39}.empty-state{border:1px dashed var(--border);padding:40px 20px}.empty-state svg{color:var(--accent)}.empty-state h2{margin:4px 0 0;font-size:20px}.empty-state p{margin:0 0 8px;font-size:14px}.primary-button{min-height:44px;color:var(--button-text);background:var(--button-bg);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.primary-button:hover{background:var(--button-hover);transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait;transform:none}.create-page{max-width:650px;padding-top:65px}.create-heading{margin-bottom:36px}.create-heading h1{font-size:clamp(2.7rem,7vw,4.5rem)}.subheading{color:var(--muted);margin:15px 0 0;font-size:15px}.create-form{background:var(--surface);padding:28px;box-shadow:0 18px 50px #2023210f}.upload-area{border:1px dashed var(--border);min-height:300px;color:var(--muted);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.upload-area strong{color:var(--text);font-size:15px}.upload-area span:last-of-type{font-size:12px}.upload-icon{width:46px;height:46px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.upload-area input{display:none}.upload-area.has-preview{border-style:solid;padding:0}.upload-area.has-preview img{object-fit:cover;width:100%;height:100%;min-height:300px}.field-label{justify-content:space-between;margin:28px 0 9px;font-size:13px;font-weight:600;display:flex}.field-label span{color:var(--subtle);font-size:11px;font-weight:400}textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--surface-muted);resize:vertical;outline:none;padding:13px 14px;font-size:14px;line-height:1.5}textarea:focus,.upload-area:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #cf5f422e}.form-error{margin:12px 0 0;font-size:13px}.submit-button{width:100%;margin-top:21px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){.topbar,.feed-page,.create-page{width:min(100% - 32px,540px)}.topbar{height:70px}.feed-page,.create-page{padding-top:34px}.feed-intro{flex-direction:column;align-items:start;gap:18px;margin-bottom:28px}h1{font-size:3rem}.post-grid{grid-template-columns:repeat(2,1fr);gap:25px 13px}.post-image-wrap{aspect-ratio:1/1.18}.caption{margin-top:10px;font-size:13px}.create-form{padding:18px}}@media (width<=430px){.post-grid{grid-template-columns:1fr;gap:32px}.post-image-wrap{aspect-ratio:1/1.08}.create-heading{margin-bottom:28px}}body{margin:0}