.soop-board__post{border-width:1px;border-radius:1rem;gap:.75rem;padding:.875rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.soop-board__post:hover{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (min-width:640px){.soop-board__post{gap:1rem;padding:1rem}}.soop-board__post--latest{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:#34d39999;background-color:#ecfdf5b3}.soop-board__post--latest:hover{--tw-border-opacity:1;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.soop-board__post--latest:is(.dark *){--tw-border-opacity:1;border-color:rgb(4 120 87/var(--tw-border-opacity,1));--tw-ring-color:#05966980;background-color:#022c2240}.soop-board__post--pinned{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1));background-color:#fffbeb99}.soop-board__post--pinned:hover{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.soop-board__post--pinned:is(.dark *){background-color:#451a0333;border-color:#78350f99}.soop-board__post--normal{border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.soop-board__post--normal:hover{--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-300) / var(--tw-border-opacity,1))}.soop-board__post--normal:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.soop-board__post--normal:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-800) / var(--tw-border-opacity,1))}.soop-board__thumb{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.75rem;flex-shrink:0;width:5rem;height:5rem;position:relative;overflow:hidden}.soop-board__thumb:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}@media (min-width:640px){.soop-board__thumb{width:6rem;height:6rem}}.soop-board__image{-o-object-fit:cover;object-fit:cover}.soop-board__body{flex:1;min-width:0}.soop-board__body>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.soop-board__badges{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.soop-board__badge-latest{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.25rem;flex-shrink:0;padding-left:.375rem;padding-right:.375rem;font-size:9px;font-weight:900}.soop-board__badge-pinned{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.25rem;flex-shrink:0;padding-left:.375rem;padding-right:.375rem;font-size:9px;font-weight:900}.soop-board__title{text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:800;line-height:1.25rem;overflow:hidden}.soop-board__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.soop-board__summary{-webkit-line-clamp:2;overflow-wrap:break-word;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));-webkit-box-orient:vertical;font-size:.75rem;line-height:1.625;display:-webkit-box;overflow:hidden}.soop-board__summary:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.soop-board__meta{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));align-items:center;gap:.625rem;padding-top:.125rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:10px;display:flex}.soop-board__meta:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.soop-board{background-color:rgb(var(--palette-slate-50) / .5);--tw-text-opacity:1;min-height:100vh;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));padding:.875rem .625rem 4rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.soop-board:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-950) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}@media (min-width:640px){.soop-board{padding:2rem 1.5rem}}@media (min-width:1024px){.soop-board{padding-left:2rem;padding-right:2rem}}.soop-board__inner{max-width:48rem;margin-left:auto;margin-right:auto}.soop-board__inner>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}@media (min-width:640px){.soop-board__inner>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}}.soop-board__header{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background-color:#ffffffe6;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.875rem;display:flex}.soop-board__header:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-900) / .9)}@media (min-width:640px){.soop-board__header{padding:1.25rem}}.soop-board__brand{align-items:center;gap:.625rem;min-width:0;display:flex}.soop-board__logo{background-image:linear-gradient(to top right, var(--tw-gradient-stops));--tw-text-opacity:1;width:2rem;height:2rem;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;line-height:1.25rem;display:flex}@media (min-width:640px){.soop-board__logo{width:2.5rem;height:2.5rem;font-size:1.125rem;line-height:1.75rem}}.soop-board__head-text{min-width:0}.soop-board__title-row{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.soop-board__page-title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:.875rem;font-weight:800;line-height:1.25rem;overflow:hidden}.soop-board__page-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.soop-board__page-title{font-size:1.25rem;line-height:1.75rem}}.soop-board__source-link{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-indigo-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-indigo-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-indigo-600) / var(--tw-text-opacity,1));border-radius:.25rem;flex-shrink:0;align-items:center;gap:.125rem;padding:.125rem .375rem;font-size:10px;font-weight:700;display:inline-flex}.soop-board__source-link:hover{text-decoration-line:underline}.soop-board__source-link:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-indigo-800) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-indigo-950) / .6);--tw-text-opacity:1;color:rgb(var(--palette-indigo-300) / var(--tw-text-opacity,1))}@media (min-width:640px){.soop-board__source-link{font-size:11px}}.soop-board__lead{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin-top:.125rem;font-size:10px}.soop-board__lead:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.soop-board__lead{font-size:.75rem;line-height:1rem}}.soop-board__controls{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.soop-board__pin-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));align-items:center;gap:.25rem;font-size:11px;font-weight:700;display:flex}.soop-board__pin-toggle:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}@media (min-width:640px){.soop-board__pin-toggle{font-size:.75rem;line-height:1rem}}.soop-board__pin-check{cursor:pointer;width:.875rem;height:.875rem;accent-color:rgb(var(--palette-rose-500) / 1)}.soop-board__pin-icon{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.soop-board__sorts{border-width:1px;border-color:rgb(var(--palette-slate-200) / .6);--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.75rem;flex-shrink:0;padding:.125rem;font-size:11px;font-weight:700;display:flex}.soop-board__sorts:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}@media (min-width:640px){.soop-board__sorts{font-size:.75rem;line-height:1rem}}.soop-board__sort{cursor:pointer;border-radius:.5rem;padding:.25rem .625rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:640px){.soop-board__sort{padding:.375rem .75rem}}.soop-board__sort--on{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1))}.soop-board__sort--on:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.soop-board__sort--off{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.soop-board__sort--off:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1))}.soop-board__sort--off:hover:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}@keyframes pulse{50%{opacity:.5}}.soop-board__loading{text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));padding-top:4rem;padding-bottom:4rem;font-size:.75rem;line-height:1rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@media (min-width:640px){.soop-board__loading{font-size:.875rem;line-height:1.25rem}}.soop-board__error>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.soop-board__error{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-rose-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:center;border-radius:1rem;padding:3rem 1rem}.soop-board__error:is(.dark *){border-color:rgb(var(--palette-rose-900) / .5);--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.soop-board__error-icon{font-size:1.5rem;line-height:2rem}.soop-board__error-text{--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem}.soop-board__error-text:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-rose-400) / var(--tw-text-opacity,1))}@media (min-width:640px){.soop-board__error-text{font-size:.875rem;line-height:1.25rem}}.soop-board__retry{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.soop-board__retry:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.soop-board__retry:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.soop-board__pinned>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}.soop-board__list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.soop-board__empty{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));border-radius:1rem;padding-top:4rem;padding-bottom:4rem;font-size:.75rem;line-height:1rem}.soop-board__empty:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.soop-board__empty{font-size:.875rem;line-height:1.25rem}}.soop-board__pager{justify-content:center;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.soop-board__page-button{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.soop-board__page-button:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1))}.soop-board__page-button:disabled{cursor:not-allowed;opacity:.4}.soop-board__page-button:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.soop-board__page-button:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.soop-board__page-number{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));padding-left:.5rem;padding-right:.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1rem}