:root{--ink:#0f172a;--muted:#64748b;--line:#dce3ec;--surface:#fff;--accent:#e94d35;--accent-dark:#c83222;--sky:#e8f2fb;--radius:20px;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;background:#dfeaf3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 15% 10%,#ffffffb8,#0000 32rem),linear-gradient(155deg,#d9e7f1,#eef3f6 52%,#d9e5ee);min-height:100%}body{min-width:320px;min-height:100vh;padding-bottom:env(safe-area-inset-bottom);margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.app-header{z-index:20;min-height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(18px, env(safe-area-inset-right)) 0 max(18px, env(safe-area-inset-left));backdrop-filter:blur(18px)saturate(1.2);background:#eff6fad6;border-bottom:1px solid #ffffff8c;align-items:center;display:flex;position:sticky;top:0}.app-header.compact{gap:14px}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand>span:last-child{display:grid}.brand strong{letter-spacing:-.02em;font-size:1.04rem}.brand small{color:var(--muted);margin-top:2px;font-size:.72rem}.brand.text-only{font-weight:750}.brand-mark{background:radial-gradient(circle,#0000 0 16%,#ffffff9e 17% 20%,#0000 21% 38%,#ffffff70 39% 42%,#0000 43%),linear-gradient(145deg,#ff7964,#d93825);border-radius:50%;width:40px;height:40px;position:relative;overflow:hidden;box-shadow:0 6px 18px #c9342442}.brand-mark:before,.brand-mark:after{content:"";transform-origin:0;background:#fff;border-radius:999px;width:17px;height:1.5px;position:absolute;inset:50% auto auto 50%}.brand-mark:before{transform:rotate(-42deg)}.brand-mark:after{border-radius:50%;width:6px;height:6px;transform:translate(-3px,-3px)}.back-link{background:#ffffffbd;border:1px solid #64748b2e;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1.25rem;text-decoration:none;display:grid}.feed-shell{width:min(100%,730px);margin:0 auto;padding:20px 16px 80px}.permalink-shell{padding-top:32px}.feed-stream{gap:16px;display:grid}.post-card{border-radius:var(--radius);background:var(--surface);border:1px solid #fffc;overflow:hidden;box-shadow:0 18px 50px #2540571a,0 2px 8px #2540570f}.media-grid{background:#e6ebef;gap:2px;max-height:680px;display:grid}.media-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.media-count-3,.media-count-4{grid-template-rows:repeat(2,minmax(150px,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.media-count-3 .media-item:first-child{grid-row:1/3}.media-item{background:#dce3e8;min-width:0;min-height:0}.media-item img,.media-item video{object-fit:cover;width:100%;height:100%;max-height:680px;display:block}.media-count-1 .media-item img,.media-count-1 .media-item video{aspect-ratio:auto;height:auto;max-height:680px}.post-content{padding:18px 20px 14px}.post-text{overflow-wrap:anywhere;font-size:1rem;line-height:1.52}.post-text a{color:#1267a7;text-underline-offset:2px;text-decoration-thickness:1px}.post-text blockquote{border-left:3px solid var(--accent);background:#fff5f2;border-radius:0 8px 8px 0;margin:.7em 0;padding:.45em .8em}.post-text code{background:#f1f5f9;border-radius:5px;padding:.1em .28em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.post-text pre{color:#f8fafc;background:#111827;border-radius:10px;padding:12px;overflow-x:auto}.post-text pre code{background:0 0;padding:0}.spoiler{color:#0000;cursor:pointer;background:#b9c3cd;border-radius:4px;transition:all .16s}.spoiler:hover,.spoiler:focus{color:inherit;background:#edf2f7}.post-meta{color:var(--muted);align-items:center;gap:10px;margin-top:16px;font-size:.73rem;display:flex}.post-date{text-decoration:none}.post-ref{border:1px solid var(--line);letter-spacing:.06em;border-radius:999px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem}.post-views{align-items:center;gap:3px;margin-left:auto;display:inline-flex}.post-views svg{fill:currentColor;width:14px;height:14px}.share-button{color:#334155;font:inherit;cursor:pointer;background:#edf3f7;border:0;border-radius:9px;padding:6px 9px;font-weight:650}.share-button:hover{background:#e2eaf0}.feed-sentinel{height:1px}.feed-loading{color:var(--muted);text-align:center;padding:16px}.empty-feed,.not-found,.standalone-message{border-radius:var(--radius);text-align:center;background:#ffffffd1;border:1px solid #fffc;justify-items:center;padding:72px 28px;display:grid;box-shadow:0 18px 50px #25405717}.empty-feed h2,.not-found h1,.standalone-message h1{letter-spacing:-.03em;margin:18px 0 6px}.empty-feed p,.not-found p,.standalone-message p{max-width:420px;color:var(--muted);margin:0;line-height:1.5}.not-found a,.standalone-message a{background:var(--ink);color:#fff;border-radius:10px;margin-top:20px;padding:10px 14px;text-decoration:none}.standalone-message{width:min(100% - 32px,650px);margin:80px auto}.empty-radar{background:radial-gradient(circle, var(--accent) 0 3px, transparent 4px), repeating-radial-gradient(circle, transparent 0 15px, #e94d352e 16px 17px);border:2px solid #e94d354d;border-radius:50%;width:78px;height:78px}.app-toast{z-index:100;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));color:#fff;backdrop-filter:blur(14px);background:#0f172af0;border:1px solid #ffffff2e;border-radius:15px;align-items:center;gap:9px;width:min(100% - 28px,650px);margin-inline:auto;padding:12px 14px;font-size:.86rem;display:flex;position:fixed;box-shadow:0 16px 50px #0f172a4d}.app-toast span{flex:1}.app-toast button{color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:9px;padding:7px 10px;font-weight:700}.app-toast button.quiet{color:#cbd5e1;background:0 0}@media (width<=560px){:root{--radius:0;background:#eef3f6}html{background:#eef3f6}.app-header{min-height:calc(62px + env(safe-area-inset-top))}.feed-shell{padding:10px 0 70px}.post-card{box-shadow:none;border-width:1px 0}.post-content{padding:16px 16px 13px}.post-meta{gap:7px}.post-ref{display:none}.empty-feed,.not-found{border-width:1px 0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}
