:root{--accent: #5b4be7;--accent-2: #ff8c42;--ring: linear-gradient(45deg, #ff8c42, #ff4d6d, #5b4be7);--bg: #fafafa;--surface: #ffffff;--ink: #16181c;--muted-c: #737a85;--line: #e4e7eb;--danger: #d63031;--radius: 12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;background:var(--bg);color:var(--ink);line-height:1.45}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1{font-size:1.3rem;margin:.3rem 0 .6rem}h2{font-size:1rem;margin:.8rem 0 .4rem}.muted{color:var(--muted-c);font-size:.86rem}.strong{font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.page-pad{padding:1rem}.link-btn{background:none;border:0;padding:0;color:var(--accent)}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.8rem;background:var(--surface);border-bottom:1px solid var(--line);padding:.55rem 1rem}.logo{font-weight:800;font-size:1.25rem;letter-spacing:-.02em}.logo span{background:var(--ring);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar-search{flex:1;max-width:320px;margin-left:auto;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;color:var(--muted-c)}.topbar-avatar img,.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:#e8e8ee}.sidebar{display:none}.content{max-width:640px;margin:0 auto;padding-bottom:70px}.bottomnav{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:20;background:var(--surface);border-top:1px solid var(--line)}.bottomnav a{flex:1;text-align:center;padding:.6rem 0;font-size:1.35rem;opacity:.55}.bottomnav a.active{opacity:1}@media (min-width: 900px){.topbar,.bottomnav{display:none}.shell{display:grid;grid-template-columns:230px 1fr}.sidebar{display:flex;flex-direction:column;gap:.3rem;position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:var(--surface);padding:1.2rem .9rem}.side-logo{margin-bottom:1.2rem;font-size:1.4rem}.side-link{display:flex;gap:.7rem;align-items:center;padding:.6rem .8rem;border-radius:10px;font-weight:500}.side-link:hover{background:var(--bg)}.side-link.active{font-weight:700}.side-foot{margin-top:auto;color:var(--muted-c);font-size:.78rem}.content{padding:1.4rem 1rem 2rem}}.story-rings{display:flex;gap:.85rem;overflow-x:auto;padding:.9rem .6rem;scrollbar-width:none}.story-ring{display:grid;justify-items:center;gap:.25rem;flex-shrink:0;width:66px}.ring{width:62px;height:62px;border-radius:50%;padding:3px;display:grid;place-items:center}.ring img{width:100%;height:100%;border-radius:50%;border:2.5px solid var(--surface);object-fit:cover;background:#e8e8ee}.ring-unseen{background:var(--ring)}.ring-seen{background:var(--line)}.ring-name{font-size:.72rem;color:var(--muted-c);max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed{display:grid;gap:1rem;padding:0 0 1rem}.feed.single{padding-top:1rem}.post{overflow:hidden;border-radius:0;border-left:0;border-right:0}@media (min-width: 640px){.post{border-radius:var(--radius);border:1px solid var(--line)}}.post-head{padding:.6rem .9rem}.post-author{display:flex;gap:.6rem;align-items:center}.post-author div{display:grid;line-height:1.2}.post-img{position:relative;cursor:pointer;background:#eceef2;min-height:200px}.post-img img{width:100%;aspect-ratio:1;object-fit:cover}.heart-burst{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:5rem;animation:burst .7s ease forwards;pointer-events:none}@keyframes burst{0%{transform:scale(0);opacity:0}25%{transform:scale(1.25);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.post-actions{display:flex;gap:.35rem;padding:.35rem .5rem 0}.post-actions button{background:none;border:0;font-size:1.35rem;padding:.25rem .4rem;border-radius:8px;transition:transform .1s ease}.post-actions button:active{transform:scale(1.25)}.post-actions .save{margin-left:auto}.post-body{padding:.2rem .95rem .9rem;display:grid;gap:.35rem}.post-body p{margin:0;font-size:.94rem}.tag{color:var(--accent);margin-right:.3rem}.comments{list-style:none;margin:0;padding:0;display:grid;gap:.25rem;font-size:.92rem}.comment-form{display:flex;gap:.5rem;border-top:1px solid var(--line);padding-top:.55rem;margin-top:.2rem}.comment-form input{flex:1;border:0;outline:none;font:inherit;background:transparent}.comment-form button{background:none;border:0;color:var(--accent);font-weight:600}.comment-form button:disabled{opacity:.4;cursor:default}.btn-more{margin:0 auto;display:block;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.5rem 1.4rem;font-weight:600}.feed-end{text-align:center;padding:1rem 0 2rem}.story-viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:50;display:grid;place-items:center;cursor:pointer}.story-img{max-height:100vh;max-width:100vw;object-fit:contain;animation:fadein .25s ease}@keyframes fadein{0%{opacity:0}}.story-progress{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:2}.story-progress span{flex:1;height:3px;border-radius:2px;background:#ffffff59;overflow:hidden;position:relative}.story-progress span.done{background:#fff}.story-progress span.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform-origin:left;animation:fill 4s linear forwards}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.story-head{position:absolute;top:24px;left:12px;right:12px;display:flex;gap:.6rem;align-items:center;color:#fff;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,.6)}.story-head .muted{color:#ddd}.story-close{margin-left:auto;background:none;border:0;color:#fff;font-size:1.4rem}.story-missing{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#fff;display:grid;place-content:center;gap:.6rem;text-align:center}.profile{padding:1rem .9rem}.profile-head{display:flex;gap:1.2rem;align-items:flex-start}.profile-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;background:#e8e8ee;flex-shrink:0}.profile-toprow{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.profile-stats{list-style:none;display:flex;gap:1.4rem;padding:0;margin:.5rem 0;font-size:.92rem}.profile-bio{margin:.2rem 0;font-size:.92rem}.btn-follow{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.4rem 1.2rem;font-weight:600}.btn-follow.is-following{background:var(--bg);color:var(--ink);border:1px solid var(--line)}.btn-line{background:none;border:1px solid var(--line);border-radius:8px;padding:.4rem .9rem}.profile-tabs{display:flex;justify-content:center;gap:2rem;border-top:1px solid var(--line);margin-top:1rem}.profile-tabs button{background:none;border:0;border-top:2px solid transparent;padding:.6rem .2rem;color:var(--muted-c);font-weight:600;font-size:.85rem}.profile-tabs button.on{color:var(--ink);border-top-color:var(--ink)}.edit-profile{display:grid;gap:.7rem;padding:1rem;margin:1rem 0}.edit-profile label{display:grid;gap:.25rem;font-size:.85rem;color:var(--muted-c)}.edit-profile input,.edit-profile textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem}.post-grid,.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:.6rem}.grid-cell{position:relative}.grid-cell img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;background:#eceef2}.explore-grid{grid-auto-flow:dense}.explore-grid .tall{grid-row:span 2}.explore-grid .tall img{aspect-ratio:auto;height:100%}.explore{padding:.8rem .6rem}.search-bar input{width:100%;font:inherit;border:1px solid var(--line);border-radius:999px;padding:.6rem 1rem;background:var(--surface);outline-color:var(--accent)}.user-list{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.2rem}.user-row{display:flex;gap:.7rem;align-items:center;width:100%;background:none;border:0;padding:.45rem .3rem;border-radius:10px;text-align:left}.user-row:hover{background:var(--surface)}.user-row div{display:grid;line-height:1.25}.tag-list{list-style:none;padding:0;margin:.4rem 0;display:grid;gap:.4rem}.tag-list a{color:var(--accent);font-weight:600}.login{max-width:460px;margin:0 auto}