:root{--primary:#ffc247;--deep-amber:#f59e0b;--soft-yellow:#ffe08a;--fresh-green:#7bc96f;--cream:#fff7e6;--surface:#fffdf7;--input:#fffefa;--line:#1f29331f;--line-strong:#1f29333d;--text:#40505e;--text-muted:#6b7280;--text-strong:#1f2933;--danger-bg:#fff1ec;--danger-text:#a33a22;--focus:#f59e0b3d;--shadow:0 16px 32px #54370c17;color:var(--text);background:linear-gradient(180deg, #ffe08a61, transparent 280px), var(--cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:var(--cream)}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-shell{min-height:100svh;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.app-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff7e6f0;justify-content:space-between;align-items:center;width:min(100%,520px);margin:0 auto;padding:12px 14px;display:flex;position:sticky;top:0}.brand{min-width:0;color:var(--text-strong);align-items:center;gap:9px;font-size:18px;font-weight:850;text-decoration:none;display:inline-flex}.brand img{object-fit:cover;border-radius:50%;width:38px;height:38px}.post-shortcut,.icon-button,.ghost-button,.primary-link{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:800;text-decoration:none;display:inline-flex}.post-shortcut{width:42px;color:var(--text-strong);background:var(--primary)}.auth-page,.feed-page,.composer-page,.account-page{width:min(100%,520px);margin:0 auto;padding:14px}.auth-page{place-items:center;min-height:calc(100svh - 64px);display:grid}.auth-card,.account-card,.composer,.post-card,.empty-state{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.auth-card{width:min(100%,390px);padding:24px}.loading-card{text-align:center}.auth-logo,.account-logo{object-fit:cover;border-radius:50%;width:76px;height:76px}.auth-logo{margin:0 0 18px;display:block}.auth-form,.composer{gap:16px;display:grid}.auth-form label,.composer label{color:var(--text-strong);gap:8px;font-size:14px;font-weight:800;display:grid}input,textarea{border:1px solid var(--line-strong);background:var(--input);width:100%;color:var(--text-strong);font:inherit;border-radius:8px}input{min-height:46px;padding:0 12px}textarea{resize:vertical;min-height:92px;padding:12px}input:focus,textarea:focus{border-color:var(--deep-amber);outline:3px solid var(--focus)}.checkbox-row{grid-template-columns:auto 1fr;align-items:center;width:fit-content}.checkbox-row input{width:18px;min-height:18px}.primary-button,.icon-button,.ghost-button{cursor:pointer;font:inherit;border:0;transition:transform .15s,background-color .15s,border-color .15s}.primary-button{background:var(--text-strong);min-height:48px;color:var(--cream);border-radius:8px;padding:0 18px;font-weight:900}.primary-button:hover:not(:disabled),.icon-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.icon-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.62}.icon-button{color:var(--text-strong);background:var(--soft-yellow);padding:0 12px}.ghost-button{border:1px solid var(--line-strong);background:var(--surface);min-height:42px;color:var(--text-strong);padding:0 14px}.danger-button{color:var(--danger-text)}.eyebrow{color:var(--deep-amber);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:950}h1,h2,p{margin:0}h1{color:var(--text-strong);letter-spacing:0;font-size:30px;line-height:1.1}h2{color:var(--text-strong);letter-spacing:0;font-size:20px;line-height:1.2}.muted,.counter-text{color:var(--text-muted)}.counter-text{justify-self:end;font-size:12px;font-weight:750}.muted a{color:var(--deep-amber);font-weight:850;text-decoration:none}.alert,.diagnostic{border-radius:8px;margin:0;padding:12px;font-size:14px}.error,.diagnostic{background:var(--danger-bg);color:var(--danger-text)}.diagnostic{width:min(100% - 28px,492px);margin:10px auto 0}.field-errors{color:var(--danger-text);margin:0;padding-left:18px;font-size:13px}.feed-toolbar{justify-content:space-between;align-items:center;gap:14px;padding:10px 2px 14px;display:flex}.feed-list{gap:16px;display:grid}.post-card{overflow:hidden}.post-meta{justify-content:space-between;align-items:flex-start;gap:10px;padding:12px;display:flex}.post-meta>div{gap:3px;min-width:0;display:grid}.post-meta strong{color:var(--text-strong);overflow-wrap:anywhere}.post-meta span{color:var(--fresh-green);overflow-wrap:anywhere;align-items:center;gap:3px;font-size:13px;font-weight:850;display:inline-flex}.post-meta time{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:800}.post-photo{object-fit:contain;background:var(--soft-yellow);width:100%;max-height:640px;display:block}.caption{color:var(--text-strong);overflow-wrap:anywhere;padding:12px}.empty-state{text-align:center;justify-items:center;gap:10px;margin-top:16px;padding:28px 20px;display:grid}.empty-state svg{color:var(--deep-amber)}.primary-link{background:var(--primary);min-height:42px;color:var(--text-strong);padding:0 14px}.composer{padding:16px}.composer-header{padding:4px 0}.photo-picker{aspect-ratio:1;border:2px dashed var(--deep-amber);background:var(--soft-yellow);min-height:260px;max-height:560px;color:var(--text-strong);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.photo-picker span{justify-items:center;gap:8px;font-weight:900;display:grid}.photo-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-picker img{object-fit:contain;width:100%;height:100%}.photo-picker.has-photo{border-style:solid}.account-card{gap:18px;padding:20px;display:grid}.account-details{gap:10px;margin:0;display:grid}.account-details div{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding-top:10px;display:flex}.account-details dt{color:var(--text-muted);font-weight:800}.account-details dd{color:var(--text-strong);margin:0;font-weight:900}.mini-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mini-grid img{aspect-ratio:1;object-fit:cover;background:var(--soft-yellow);border-radius:6px;width:100%}.bottom-tabs{z-index:20;width:min(100%,520px);padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff7e6f5;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-link{min-height:54px;color:var(--text-muted);border-radius:8px;align-content:center;place-items:center;gap:2px;font-size:12px;font-weight:850;text-decoration:none;display:grid}.tab-link.active{background:var(--primary);color:var(--text-strong)}.tab-link svg{width:21px;height:21px}@media (width>=760px){.app-shell{padding-top:18px}.app-header,.bottom-tabs{border-inline:1px solid var(--line)}}