:root{--bg:#000;--bg-elev:#0a0a0a;--bg-hover:#1a1a1a;--border:#262626;--text:#f5f5f5;--text-dim:#a8a8a8;--text-faint:#6e6e6e;--accent:#0095f6;--accent-hover:#1877f2;--like:#ff3040;--group:#b96bff;--radius:12px;--rail:220px;--feed:630px;--wide:935px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme:light){:root{--bg:#fff;--bg-elev:#fff;--bg-hover:#f2f2f2;--border:#dbdbdb;--text:#171717;--text-dim:#737373;--text-faint:#a3a3a3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img,video{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{justify-content:center;gap:32px;min-height:100dvh;display:flex}.rail{flex-direction:column;flex:0 0 var(--rail);width:var(--rail);border-right:1px solid var(--border);align-self:flex-start;height:100dvh;padding:24px 12px;display:flex;position:sticky;top:0}.rail ul{gap:4px;margin:24px 0 0;padding:0;list-style:none;display:grid}.rail__footer{margin-top:auto}.rail__link{border-radius:var(--radius);text-align:left;background:0 0;border:0;align-items:center;gap:14px;width:100%;padding:11px 12px;transition:background .12s;display:flex}.rail__link:hover{background:var(--bg-hover)}.rail__link.active{font-weight:700}.logo{letter-spacing:-.03em;background:linear-gradient(120deg,#ff3d77,#b96bff 55%,#0095f6);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;padding:0 12px;font-size:26px;font-weight:800}.main{width:100%;max-width:var(--wide);padding:24px 16px 96px}.column{width:100%;max-width:var(--feed);gap:16px;margin:0 auto;display:grid}.column--wide{max-width:var(--wide)}.sidebar{flex:0 0 320px;align-self:flex-start;gap:20px;width:320px;padding:32px 0;display:grid;position:sticky;top:0}.topbar,.tabbar{display:none}@media (width<=1100px){.sidebar{display:none}}@media (width<=900px){.rail{display:none}.shell{flex-direction:column;gap:0}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.logo--compact{padding:0;font-size:22px}.main{padding:12px 0 80px}.tabbar{z-index:20;padding:10px 0 max(10px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.tabbar a{color:var(--text-dim);padding:6px 18px}.tabbar a.active{color:var(--text)}}.post{border-bottom:1px solid var(--border);padding-bottom:12px}.post__head{align-items:center;gap:10px;padding:10px 12px;display:flex}.post__head-text{min-width:0;display:grid}.post__author{align-items:center;gap:5px;min-width:0;display:flex}.username{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.username:hover{color:var(--text-dim)}.post__location{color:var(--text-dim);font-size:12px}.post__time{color:var(--text-faint);white-space:nowrap;margin-left:auto;font-size:12px}.post__media{background:var(--bg-elev);border-block:1px solid var(--border);width:100%;position:relative;overflow:hidden}.post__body{gap:4px;padding:0 12px;display:grid}.post__likes{margin:0;font-weight:600}.post__caption{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.post__comments-link{color:var(--text-dim);font-size:14px}.icon-button{color:var(--text);background:0 0;border:0;border-radius:999px;padding:8px;transition:opacity .12s,color .12s;display:inline-flex}.icon-button:hover{opacity:.6}.media{height:100%;position:relative}.media__track{scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.media__track::-webkit-scrollbar{display:none}.media__slide{scroll-snap-align:start;flex:0 0 100%;height:100%}.media__slide img,.media__video video{object-fit:cover;width:100%;height:100%}.media__video{height:100%;position:relative}.media__mute,.media__nav{color:#fff;background:#0009;border:0;border-radius:999px;place-items:center;display:grid;position:absolute}.media__mute{width:30px;height:30px;font-size:13px;line-height:1;bottom:12px;right:12px}.media__nav{color:#111;background:#ffffffd9;width:28px;height:28px;top:50%;transform:translateY(-50%)}.media__nav--prev{left:12px}.media__nav--next{right:12px}.media__counter{color:#fff;background:#0009;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;position:absolute;top:12px;right:12px}.media__dots{gap:4px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.media__dot{background:#ffffff73;border:0;border-radius:999px;width:6px;height:6px;padding:0}.media__dot.is-active{background:var(--accent)}.profile-image{background:var(--bg-hover);color:var(--text-faint);border-radius:999px;flex:none;place-items:center;display:grid;overflow:hidden}.profile-image img{object-fit:cover;width:100%;height:100%}.profile-image--group{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--group)}.profile-image-link{flex:none;display:inline-flex}.verified{color:var(--accent);flex:none}.chip{border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:11px}.chip--group{border-color:color-mix(in srgb, var(--group) 55%, transparent);color:var(--group)}.grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.grid__tile{aspect-ratio:1;background:var(--bg-elev);position:relative;overflow:hidden}.grid__tile img{object-fit:cover;width:100%;height:100%}.grid__tile-fallback{background:var(--bg-hover);width:100%;height:100%}.grid__badge{color:#fff;filter:drop-shadow(0 1px 2px #0009);position:absolute;top:8px;right:8px}.grid__hover{color:#fff;opacity:0;background:#00000073;justify-content:center;align-items:center;gap:22px;font-weight:700;transition:opacity .14s;display:flex;position:absolute;inset:0}.grid__hover span{align-items:center;gap:6px;display:inline-flex}.grid__tile:hover .grid__hover,.grid__tile:focus-visible .grid__hover{opacity:1}@media (hover:none){.grid__hover{display:none}}.profile{border-bottom:1px solid var(--border);align-items:flex-start;gap:64px;padding:8px 16px 32px;display:flex}.profile__info{gap:14px;min-width:0;display:grid}.profile__title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile__title h1{align-items:center;gap:6px;margin:0;font-size:20px;font-weight:400;display:flex}.profile__stats{gap:32px;margin:0;display:flex}.profile__stats div{gap:5px;display:flex}.profile__stats dt{color:var(--text-dim);order:2}.profile__stats dd{margin:0;font-weight:700}.profile__name{margin:0;font-weight:600}.profile__bio{white-space:pre-wrap;margin:0}.profile__link{color:#a3d3ff;font-weight:600}.members{border-bottom:1px solid var(--border);padding:16px}.members__heading,.sidebar__heading{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin:0 0 12px;font-size:13px;font-weight:700}.members__list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.persona-row{border-radius:var(--radius);align-items:center;gap:12px;min-width:0;padding:8px;display:flex}.persona-row:hover{background:var(--bg-hover)}.persona-row__text{min-width:0;display:grid}.persona-row__name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-weight:600;display:flex;overflow:hidden}.persona-row__meta{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.stack{gap:2px;margin:0;padding:0;list-style:none;display:grid}.detail{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);min-height:60dvh;display:grid;overflow:hidden}.detail__media{aspect-ratio:1;background:#000}.detail__panel{border-left:1px solid var(--border);grid-template-rows:auto 1fr auto auto;min-height:0;display:grid}.detail__thread{border-top:1px solid var(--border);align-content:start;gap:16px;padding:16px 12px;display:grid;overflow-y:auto}.detail__actions{border-top:1px solid var(--border);gap:2px;padding:8px 12px 12px;display:grid}.comment{gap:12px;display:flex}.comment p{overflow-wrap:anywhere;margin:0}.comment__time{color:var(--text-faint);font-size:12px}@media (width<=900px){.detail{border:0;border-radius:0;grid-template-columns:1fr}.detail__panel{border-left:0}.profile{text-align:center;flex-direction:column;align-items:center;gap:24px}.profile__title,.profile__stats{justify-content:center}}.sidebar__card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);gap:10px;padding:16px;display:grid}.sidebar__title{align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.sidebar__text{color:var(--text-dim);margin:0;font-size:13px}.sidebar__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.sidebar__note{color:var(--text-faint);margin:0;font-size:12px}.page-title{margin:0;font-size:20px;font-weight:700}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.tabs--pills{border-bottom:0}.tabs__tab{color:var(--text-dim);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-weight:600}.tabs--pills .tabs__tab{border:1px solid var(--border);border-radius:999px;padding:6px 14px}.tabs__tab.is-active{color:var(--text);border-bottom-color:var(--text)}.tabs--pills .tabs__tab.is-active{border-color:var(--accent);color:var(--accent)}.button{border:1px solid var(--border);background:var(--bg-hover);color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-weight:600;display:inline-flex}.button:hover{border-color:var(--text-faint)}.button--primary{background:var(--accent);color:#fff;border-color:#0000}.button--primary:hover{background:var(--accent-hover)}.button:disabled{opacity:.5;cursor:default}.link-button{color:var(--text-dim);background:0 0;border:0;padding:0;font-weight:600}.link-button--strong{color:var(--accent)}.link-button:disabled{opacity:.4;cursor:default}.search-field{border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:flex}.search-field input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;flex:1}.search-field input:focus{outline:none}.auth{place-content:center;min-height:70dvh}.auth__card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);text-align:center;gap:16px;max-width:380px;margin:0 auto;padding:28px 24px;display:grid}.auth__intro{color:var(--text-dim);text-align:left;gap:8px;margin:0;font-size:13px;display:flex}.auth__hello{margin:0}.auth__form{text-align:left;gap:12px;display:grid}.auth__form label{color:var(--text-dim);gap:4px;font-size:13px;display:grid}.auth__form input{border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}.auth__error{color:var(--like);margin:0;font-size:13px}.spinner{place-items:center;padding:24px;display:grid}.spinner span{border:2px solid var(--border);border-top-color:var(--text);border-radius:999px;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.placeholder{text-align:center;color:var(--text-dim);justify-items:center;gap:8px;padding:48px 24px;display:grid}.placeholder h2{color:var(--text);margin:0;font-size:17px}.placeholder p{max-width:34ch;margin:0}.placeholder--error h2{color:var(--like)}.sentinel{place-items:center;min-height:40px;display:grid}.sentinel__end{color:var(--text-faint);margin:0;padding:16px;font-size:13px}.post--skeleton{pointer-events:none}.skeleton{background:linear-gradient(90deg, var(--bg-elev), var(--bg-hover), var(--bg-elev));background-size:200% 100%;border-radius:8px;animation:1.4s linear infinite shimmer}.skeleton--circle{border-radius:999px;width:34px;height:34px}.skeleton--line{width:45%;height:12px}.skeleton--short{width:25%}.skeleton--media{aspect-ratio:1;border-radius:0}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.spinner span,.skeleton{animation:none}}