:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--font-body:1.5rem;--line-body:1.875rem;--font-body-mobile:1.25rem;--line-body-mobile:1.5rem;--font-text-only:2rem;--line-text-only:2.5rem;--thumb-size:4rem;--thumb-size-mobile:3.5rem;--media-placeholder-size:32rem;--content-max-width:56rem;--color-background:#1a1a1a;--color-foreground:#fff;--motion-duration:.3s;--motion-easing:ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,sans-serif;font-size:100%}*{box-sizing:border-box}html,body,#root,.app-shell{width:100%;height:100%;margin:0}html,body{background:var(--color-background);overflow:hidden}button,input,video{font:inherit}.admin-page{width:100%;height:100dvh;padding:var(--space-8) var(--space-4);background:var(--color-background);color:var(--color-foreground);justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.admin-panel{gap:var(--space-6);width:min(100%,54rem);padding:var(--space-8);border:.125rem solid var(--color-foreground);background:var(--color-background);margin-bottom:var(--space-8);display:grid}.admin-panel h1,.admin-panel p{margin:0}.admin-panel h1{font-size:1.875rem;line-height:2.25rem}.admin-subtitle{opacity:.7;margin-top:var(--space-1);font-size:.95rem}.admin-panel p,.admin-panel label,.admin-panel input,.admin-panel button{font-size:1rem;line-height:1.5rem}.admin-form,.admin-confirmation{gap:var(--space-4);display:grid}.admin-panel input{width:100%;height:3.5rem;padding:0 var(--space-4);border:.125rem solid var(--color-foreground);background:var(--color-background);color:var(--color-foreground);border-radius:0;outline:none}.admin-panel button{min-height:3rem;padding:var(--space-2) var(--space-5);border:.125rem solid var(--color-foreground);background:var(--color-foreground);color:var(--color-background);cursor:pointer;border-radius:0;transition:opacity .15s}.admin-panel input:focus-visible,.admin-panel button:focus-visible{outline:.125rem solid var(--color-foreground);outline-offset:var(--space-1)}.admin-panel button:disabled{cursor:wait;opacity:.5}.admin-panel .admin-button--quiet{background:var(--color-background);color:var(--color-foreground)}.admin-panel .admin-button--danger-quiet{color:#ef4444;min-height:2.25rem;padding:var(--space-1) var(--space-4);background:0 0;border:.0625rem solid #ef4444;font-size:.875rem}.admin-panel .admin-button--danger-quiet:hover{color:#fff;background:#ef4444}.admin-panel .admin-button--danger{color:#fff;min-height:2.25rem;padding:var(--space-1) var(--space-3);background:#ef4444;border:.0625rem solid #ef4444;font-size:.875rem}.admin-panel .admin-button--danger-outline{color:#ef4444;background:0 0;border:.125rem solid #ef4444}.admin-panel .admin-button--danger-outline:hover{color:#fff;background:#ef4444}.admin-heading{gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:.0625rem solid #fff3;flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.admin-header-actions{gap:var(--space-2);display:flex}.admin-actions{gap:var(--space-4);justify-content:space-between;align-items:center;display:flex}.admin-status{padding:var(--space-2) var(--space-4);border-left:.125rem solid var(--color-foreground)}.admin-status--notice{color:#4ade80;border-left-color:#4ade80}.admin-status--error{color:#f87171;border-left-color:#f87171}.admin-loading,.admin-empty{padding:var(--space-8);text-align:center;opacity:.7;border:.0625rem dashed #fff3}.admin-posts-container{gap:var(--space-4);width:100%;display:grid}.admin-posts-list{gap:var(--space-4);display:grid}.admin-post-card{gap:var(--space-4);padding:var(--space-4);background:#ffffff05;border:.0625rem solid #fff3;grid-template-columns:auto 1fr auto;align-items:start;transition:border-color .2s;display:grid}.admin-post-card:hover{border-color:#fff6}.admin-card-media-gallery{gap:var(--space-2);display:flex;position:relative}.admin-media-thumb-wrapper{background:#000;border:.0625rem solid #fff3;flex-shrink:0;width:4.5rem;height:4.5rem;position:relative;overflow:hidden}.admin-media-thumb{object-fit:cover;width:100%;height:100%;display:block}.admin-video-thumb-container{width:100%;height:100%;position:relative}.admin-video-badge{color:#fff;background:#000000d9;border-radius:.125rem;padding:.15rem .3rem;font-size:.65rem;line-height:1;position:absolute;bottom:.2rem;left:.2rem}.admin-media-more-badge{color:#fff;background:#000000bf;place-items:center;font-size:.875rem;font-weight:700;display:grid;position:absolute;inset:0}.admin-card-body{gap:var(--space-2);min-width:0;display:grid}.admin-card-meta{gap:var(--space-3);opacity:.8;flex-wrap:wrap;align-items:center;font-size:.85rem;display:flex}.admin-post-id{color:var(--color-foreground);font-weight:700}.admin-post-date{font-variant-numeric:tabular-nums}.admin-meta-badge{text-transform:lowercase;border:.0625rem solid #ffffff4d;padding:.05rem .35rem;font-size:.75rem}.admin-card-text{word-break:break-word;white-space:pre-wrap;max-height:8rem;font-size:.95rem;line-height:1.45;overflow-y:auto}.admin-card-text--empty{opacity:.5;font-style:italic}.admin-card-actions{justify-content:flex-end;align-items:center;display:flex}.admin-inline-confirm{align-items:center;gap:var(--space-2);font-size:.875rem;display:flex}.admin-confirm-prompt{color:#ef4444;font-weight:600}.admin-danger-zone{margin-top:var(--space-6);padding-top:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);border-top:.0625rem dashed #fff3;flex-wrap:wrap;display:flex}.admin-danger-info h3{margin:0 0 var(--space-1) 0;color:#ef4444;font-size:1.125rem}.admin-danger-info p{opacity:.7;font-size:.875rem}@media (width<=48rem){.admin-post-card{grid-template-columns:1fr}.admin-card-actions{justify-content:flex-start}}.app-shell{opacity:0;transition:opacity var(--motion-duration) var(--motion-easing)}.app-shell.is-ready{opacity:1}.layout{background:var(--color-background);grid-template-columns:repeat(8,minmax(0,1fr));width:100%;height:100dvh;display:grid}.preview-panel{isolation:isolate;min-width:0;padding:var(--space-8) var(--space-16) var(--space-6);background:var(--color-background);grid-column:span 5;position:relative;overflow:hidden}.preview-backdrop{z-index:0;inset:calc(-1 * var(--space-12));pointer-events:none;background:var(--color-background);position:absolute;overflow:hidden}.preview-backdrop:after{content:"";background:var(--color-background);opacity:.5;position:absolute;inset:0}.media-asset{opacity:0;transition:opacity var(--motion-duration) var(--motion-easing);display:block}.media-asset.is-ready,.media-placeholder.is-ready{opacity:1}.media-asset--backdrop{object-fit:cover;width:100%;height:100%;filter:blur(var(--space-8));position:absolute;inset:0;transform:scale(1.125)}.preview-stage{z-index:1;grid-template-rows:minmax(0, 1fr) var(--thumb-size);gap:var(--space-4);width:100%;height:100%;display:grid;position:relative}.preview-stage.preview-stage--single{grid-template-rows:minmax(0,1fr);gap:0}.main-media{min-width:0;min-height:0;position:relative}.media-asset--main,.media-placeholder{object-fit:contain;background:var(--color-background);width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;position:absolute;inset:0}.media-asset--main{cursor:pointer}.media-placeholder{width:min(100%, var(--media-placeholder-size));height:min(100%, var(--media-placeholder-size));color:var(--color-foreground);opacity:0;transition:opacity var(--motion-duration) var(--motion-easing);place-items:center;font-size:1rem;display:grid}.post-thumbs{gap:var(--space-3);justify-content:center;align-items:stretch;min-width:0;display:flex;overflow:hidden}.post-thumb{width:var(--thumb-size);height:var(--thumb-size);flex:0 0 var(--thumb-size);background:var(--color-background);cursor:pointer;opacity:.5;border:0;border-radius:0;padding:0;overflow:hidden}.post-thumb.active{opacity:1}.media-asset--thumbnail{object-fit:cover;width:100%;height:100%}.post-thumb:focus-visible{outline:.125rem solid var(--color-foreground);outline-offset:var(--space-1)}.feed-panel{background:var(--color-background);min-width:0;height:100%;max-height:100dvh;color:var(--color-foreground);flex-direction:column;grid-column:span 3;padding:0;display:flex;overflow:hidden}.feed-content-wrapper{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex}.feed-nav-bar{justify-content:center;align-items:center;gap:var(--space-3);width:calc(100% - 16px);padding:var(--space-2) var(--space-4);z-index:5;background:#141414;border:.0625rem solid #ffffff1f;border-bottom:none;border-radius:8px 8px 0 0;flex-shrink:0;margin:0 8px;display:flex}.feed-nav-controls{align-items:center;gap:var(--space-2);display:flex}.feed-nav-btn{width:2.5rem;height:2.5rem;color:var(--color-foreground);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s,transform .1s;display:inline-flex}.feed-nav-btn:hover:not(:disabled){background:#ffffff1a}.feed-nav-btn:active:not(:disabled){background:#ffffff2e;transform:scale(.94)}.feed-nav-btn:disabled{opacity:.25;cursor:not-allowed}.feed-nav-btn svg{display:block}.feed-nav-counter{font-variant-numeric:tabular-nums;color:#ffffffb3;text-align:center;-webkit-user-select:none;user-select:none;min-width:3.5rem;padding:0 var(--space-2);font-size:.875rem;font-weight:500}.message-wrap{overscroll-behavior:contain;scrollbar-color:var(--color-foreground) var(--color-background);scrollbar-width:thin;width:100%;min-height:0;padding:var(--space-8);flex:1;overflow-y:auto}.post,.empty-feed{padding-bottom:var(--space-16);color:var(--color-foreground);font-size:var(--font-body);font-weight:400;line-height:var(--line-body);white-space:pre-wrap;overflow-wrap:anywhere;grid-area:1/1;align-self:start;margin:0}.post strong{font-weight:700}.post em{font-style:italic}.post a,.text-underline{color:inherit;text-underline-offset:var(--space-1);text-decoration:underline;text-decoration-thickness:.125rem}.text-spoiler{background:var(--color-foreground);color:var(--color-foreground);outline:none}.text-spoiler:hover,.text-spoiler:focus-visible{color:var(--color-background)}.text-code{padding:var(--space-1) var(--space-2);border:.125rem solid var(--color-foreground);font-family:inherit;font-size:.875rem}.text-code--block,.text-quote{margin:var(--space-3) 0;display:block}.text-code--block{padding:var(--space-3) var(--space-4);overflow-wrap:anywhere}.text-quote{padding-left:var(--space-4);border-left:.125rem solid var(--color-foreground)}.content-enter{animation:reveal var(--motion-duration) var(--motion-easing) both}.layout.text-only .feed-panel{flex-direction:column;grid-column:1/-1;height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}.layout.text-only .feed-content-wrapper{flex-direction:column;width:100%;height:100%;min-height:0;margin:0;display:flex}.layout.text-only .message-wrap{min-height:0;width:min(100%, var(--content-max-width));padding:var(--space-16) var(--space-8) 6rem;flex-direction:column;flex:1;justify-content:safe center;margin:0 auto;display:flex;overflow-y:auto}.layout.text-only .post,.layout.text-only .empty-feed{width:100%}.layout.text-only .post{font-size:var(--font-text-only);line-height:var(--line-text-only)}.layout.text-only .feed-nav-bar{z-index:10;width:calc(37.5% - 16px);margin:0;position:fixed;bottom:0;right:8px}@keyframes reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.app-shell,.media-asset,.media-placeholder{transition:none}.content-enter{animation:none}}@media (width<=56rem){html,body{overflow:auto}.layout{grid-template-rows:auto auto;grid-template-columns:1fr;height:auto;min-height:100dvh}.preview-panel{min-height:36rem;padding:var(--space-6) var(--space-4);grid-column:1}.preview-stage{grid-template-rows:minmax(0, 1fr) var(--thumb-size-mobile);gap:var(--space-3)}.post-thumbs{justify-content:flex-start;overflow-x:auto}.post-thumb{width:var(--thumb-size-mobile);height:var(--thumb-size-mobile);flex-basis:var(--thumb-size-mobile)}.feed-panel{grid-column:1;height:auto;max-height:none;padding:0;overflow:visible}.layout.text-only .feed-panel{grid-column:1;height:auto;max-height:none;padding:0}.feed-nav-bar{width:calc(100% - 16px);margin:0 8px;position:sticky;bottom:0}.layout.text-only .feed-nav-bar{width:calc(100% - 16px);margin:0 8px;position:sticky;bottom:0;right:auto}.layout.text-only .message-wrap{padding:var(--space-8) var(--space-6) var(--space-8);justify-content:flex-start}.post,.empty-feed{font-size:var(--font-body-mobile);line-height:var(--line-body-mobile)}.admin-page{padding:var(--space-4)}.admin-panel{gap:var(--space-6);padding:var(--space-6)}.admin-heading,.admin-actions{flex-direction:column;align-items:stretch}}