:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#252336;background:#f4f3fa}*{box-sizing:border-box}body{margin:0}main{width:min(680px,100%);margin:auto;padding:28px 18px 60px}header{display:flex;align-items:center;gap:14px;margin:8px 4px 24px}.logo{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#876dff,#6445ec);color:#fff;font-size:25px;font-weight:800;box-shadow:0 10px 28px #7358ff55}h1{font-size:25px;margin:0 0 4px}header p{font-size:13px;color:#777389;margin:0}.views{margin-left:auto;min-width:86px;border-radius:14px;background:#fff;padding:9px 11px;text-align:center;color:#8d889c;font-size:12px;box-shadow:0 8px 22px #29204d0a}.views strong{display:block;margin-top:2px;color:#6143e6;font-size:18px}.composer{background:#fff;border-radius:22px;padding:20px;box-shadow:0 12px 35px #29204d0b}.composer label{display:block;font-weight:700;margin-bottom:12px}textarea{width:100%;height:112px;resize:none;border:0;border-radius:14px;background:#f7f6fb;padding:15px;font:inherit;font-size:15px;outline:0}textarea:focus{box-shadow:inset 0 0 0 2px #8267ff}.compose-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.compose-foot span{font-size:12px;color:#9995a6}button{border:0;font:inherit;cursor:pointer}#publish{padding:11px 22px;border-radius:12px;background:#7357f4;color:white;font-weight:700}#publish:disabled{opacity:.55}nav{display:flex;gap:8px;margin:25px 2px 14px}.tab{border-radius:99px;padding:9px 14px;background:transparent;color:#777389;font-size:14px}.tab.active{background:#e7e2ff;color:#6143e6;font-weight:700}.list{display:grid;gap:12px}.card{position:relative;background:#fff;border-radius:18px;padding:17px 18px;box-shadow:0 8px 25px #29204d09}.rank{position:absolute;right:16px;top:15px;color:#aaa6b6;font-weight:800;font-size:13px}.rank.top{color:#ff9b27}.content{margin:0 40px 16px 0;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.meta{display:flex;justify-content:space-between;align-items:center;color:#9a96a7;font-size:12px}.like{display:flex;align-items:center;gap:5px;padding:7px 11px;border-radius:99px;background:#f3f1f9;color:#746f83}.like.liked{background:#fff0f2;color:#ef5267}.empty{text-align:center;color:#9995a6;padding:55px 0}#toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,20px);background:#292633;color:#fff;padding:10px 16px;border-radius:10px;opacity:0;transition:.2s;pointer-events:none;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:420px){main{padding-top:20px}header{align-items:flex-start}.views{min-width:72px;padding:8px 9px}.views strong{font-size:16px}header p{max-width:210px}.composer{padding:17px}}